|
React를 사용하는 이유?
사용자 경험(UX)
웹 페이지에서 모바일 앱과 같은 사용자 경험을 준다.재사용 컴포넌트
웹 사이트의 내부를 보면 구조상 중복되는 부분이 많다.
이러한 중복된 구조를 코드로 공통화를 시켜서 내부 표시되는 콘텐츠만 바꿔주는 방식으로 처리한다. (유지보수의 측면에서도 좋다)데이터 - 화면 일치
데이터와 화면 페이지의 싱크를 맞추는 것이 어렵다. 페이스북과 같은 웹 서비스에서 좋아요 버튼을 클릭하는 경우, 해당 게시글을 전부 업데이트하지 않고, 좋아요 부분만 업데이트해야 퍼포먼스상 문제가 없다. 데이터를 화면에 반영을 할때 데이터와 화면의 데이터 Sync를 맞출때 좋다.
Webpack
우선 자바스크립트 파일에 대한 이해가 없기 때문에 Webpack이 마법을 부린다는 소리를 하는데 마법을 부리는 것이 아니라 단지 React를 자바스크립트 파일로 만들어주는 것이다.
웹팩은 쪼개진 자바스크립트 파일을 HTML이 실행할 수 있는 자바스크립트 파일로 합쳐준다는 개념이다.
이 Webpack이라는 것의 필요성에 대해서 이해하기 위해 CRA없이 React프로젝트를 구성해봐야 한다.
프로젝트 기본 폴더구조