React JS란 페이스북에 의해 2013년에 발표된 라이브러리이다. 컴포넌트로 이루워져 있어 module과 비슷하게 재사용성이 뛰어나다.
Node JS와 React JS를 연동하여 사용하기 위해 작업 중이던 폴더를 VS Code로 열어 주고 터미널 창에 "npx create-react-app ." command를 실행한다.
여기서 npx는 오타가 아니다. npm과 npx의 차이점을 알아보자.
npm은 Node package manager의 약자로 라이브러리를 모아둔 패키지이다. 작업 중인 프로젝트에서 사용하는 npm에 관한 정보는 package.json에 정의되어있다.
npm install -g (global로 설치) : 컴퓨터 내에서 설치
(-리눅스일 경우에는 /user/local/bin에 설치 되어 지고,
윈도우일 경우에는 %APPDATA%/npm에 설치가 된다.)
npm install (local로 설치) : 프로젝트 내에서 설치
"npx create-react-app ." 은 원래 "npm install -g create-react-app"이라는 command를 이용하여 global 디렉토리에 다운 받았었지만 지금은 npx를 이용하여 다운받지 않고 로드해서 사용할 수 있게 되었다.
npx는 npm registry에서 create-react-app을 찾아서 다운로드 없이 실행시켜 준다.
추가로 Webpack은 src 부분만 관리해주기 때문에 이미지 파일 같은 파일은 src 폴더 내에서 만들어서 Webpack의 관리 내에 두는 것이 좋다.
