프로젝트 구조 설명

gitignore파일

여기에 명시되어 있는 폴더나 파일들은 깃 정보가 유지되지 않아요

빌드라는 것은 프로젝트를 실행하면 실행 하기 위해서 만들어지는 임시파일들이 여기에 들어와 있음.

이런 내용을 깃허브에 따로 추적해서 파일들의 버전을 관리할 필요가 없기 때문에 이네 이런 아이들은 깃에 더이상 트레킹하고 싶지 않다, 트레킹하고 싶지 않을 때 gitignore파일에 추가해 줍니다.

그래서 프로젝트를 실행했을 때 부수적으로 생기는 아이들, 버전 관리에 포함이 되면 안되는 아이들을 gitignore파일에 들어가요.

 

package.json

npm에서 버전을 관리할 때 즉 내 프로젝트에서 외부적으로 쓰고 있는 라이브러리와 그 버전들이 명시되어있어요.

직접 수정할 일 없어요. 이유는 외부라이브러리를 추가하고 버전 업데이트를 명령어를 통해서 하면 되기 때문이에요.

 

create-react-app이라는 이 툴에서 사용하는 react-scripts가 있어요. 그래서 우리가 yarn start라고 작성하면 사실은 

react-scripts의 start를 실행하는 것과 동일한 일을 합니다.

 

 

 

yarn.lock

yarn을 이용할 경우에 포함되는 아이. 수정할 일 거의 없어요

 

node_modules 외부라이브러리들을 나중에 추가했을 때 여기 자동적을 추가됩니다.

나중에 외부라이브러리를 추가했는데 뭔가 이상해서 구조가 궁금하거나 하면 node_modules에 들어와서 볼 수있습니다.

 

public은 우리가 사용자에게 배포할 때 외부적으로 보여지는 그런 대표적인 아이들이 들어와 있음. 정말기본적인 index.html, 관련 로고들 등...

 

manifest.json

웹 어플리케이션에서 필요한 것은 아닌데요. 나중에 pwa prograsive web aplication을 만들 때 즉 모바일에서 저장하는 그런 웹 어플리케이션을 만들 때 필요한 아이에요

 

robots.txt

웹크롤링을 위해서 이용되는 아이

 

src안에 우리의 핵심 소스코드들이 있어요.

최상위 루트는 index.js