React 앱을 구성하는 방법 - create-react-app

create-react-app를 이용한 React 프로젝트 생성하기

• 리액트 앱(프로젝트)은 대문자는 사용 불가능이며, 단어 여러개 사용시 하이픈 기호로 구분함

•  npx create-react-app [React App name]

해당 명령어를 사용하면 손쉽게 React프로젝트의 기본 뼈대를 생성할 수 있음

npx는 npm의 자식 명령어로 npm보다 가볍게 패키지를 구성함

npm버전이 5.2 이상일 때, node 버전이 14 이상일 때 사용 가능

npm start 명령어를 이용하여, 만들어놓은 리엑트 구조를 실행할 수 있음

 

create-react-app으로 생성한 프로젝트의 구조

 

 

 

/node_modules	npm 을 시작하면 생기는 폴더, 내부에 모듈과 관련된 정보가 들어있음
/public	index.html & favicon.ico! →가상DOM 을 위한 html 파일이 들어있는 곳
/src	실제 React 코드(컴포넌트)를 작성하는 곳
.gitignore	리엑트 앱에서 중요한 부분을 Git에 등록하지 않도록 제한
package-lock.json	npm 패키지들의 정보를 기록해놓은 곳
package.json	npm 패키지들의 정보를 기록해놓은 곳
README.md	프로젝트의 정보를 세세하게 기록함