6. React 프로젝트 만들기

React에서 사용 가능한 다양한 패키지가 들어가 있는 패키지를 다운받을 수 있다.

npx create-react-app 만들 폴더 이름 --use --npm

그럼 이렇게 폴더가 생성된다. 

 

 

1. node_modules : 다운 받은 패키지에 포함되어 있는 모듈들을 모아둔 폴더

                                  (용량이 크고 다시 다운을 받을 수 있기 때문에 깃이나 드라이브에 올릴 시에는 제외하고 올리는 것이 좋다.)

 

2. public: 프로젝트의 빌드 결과물이 위치하는 디렉토리로, 웹 앱의 정적 파일을 포함하며 브라우저에 의해 직접 접근될 수 있다. 

- ~~.ico : 브라우저 탭에 나타나는 로고 

- index.html : React의 컴포넌트들을 위치할 html파일

- manifest.json: 사용자 홈 화면의 추가될 때의 아이콘, 앱 이름, 캐시 설정 등 정보 제공

- robots.txt:  검색 엔진 혹은 크롤러가 웹 페이지에 접근할 때 규칙 지정

   User-agent : [크롤러 이름 또는 *]

   Disallow: [접근 제한할 디렉토리 또는 파일 경로]

 

 

 

 

 

 

 

 

 

 

3. src: 소스코드 파일이 위치하는 디렉토리. 아래 사진에 있는 파일 외에는 삭제해도 괜찮다. 

 

파일을 삭제하면 이러한 오류들이 발생하는데 오류메세지를 잘 읽어보고 해당 파일로 가서 지웠던 파일의 코드를 삭제한다.