[Front End] React project folder

React 프로젝트 폴더 구성

 

node_modules
현재 프로젝트에 포함된 라이브러리들이 설치되어 있는 폴더입니다.

public
index.html과 같은 정적 파일이 포함되는 곳으로 컴파일이 필요 없는 파일들이 위치하는 폴더입니다.

mainfest.json 모바일 환경에서 사용되어지는 파일도 함께 들어있습니다.

src
React 내부에서 작성하는 거의 모든 파일들이 이 폴더 내부에서 작성되며 이 폴더에 있는 파일들은 명령어에 따라 JS로 컴파일이 진행됩니다.

.gitignore
Git에 포함하고 싶지 않은 파일의 이름 혹은 폴더등을 입력하는 파일입니다.

package.json
프로젝트에 관련된 기본적인 내용(프로젝트의 이름, 버전 등)과 라이브러리들의 목록이 포함되어 있습니다.
라이브러리가 설치된 node_modules 대신에 이 package.json을 Git에 포함하여 올리게 되며 후에 누군가가 프로젝트를 클론할 때 이 package.json에 적혀있는 라이브러리의 목록을 기준으로 npm에서 설치하게 됩니다.

 

package-lock.json

프로젝트에 관련된 심층적인 내용으로 종석적인 모든 목록들이 담겨 있습니다.

 

README.md
Git과 같은 리파지토리에 올릴 때 프로젝트에 대한 설명을 작성하는곳으로 해당 리파지토리에 진입하면 가장 먼저 보여집니다.