본문 바로가기
프로그래밍/React

[React] 보일러 플레이트와 React 초기 폴더 설명

by 노잼인간이라불립니다 2023. 9. 24.

1. 보일러 플레이트란?

의미없이 반복되는 것들 또는 코드들.

 ex) JAVA의 getter/setter 또는 npx create-next-app을 입력했을 때 생성되는 초기 폴더 구조와 같이 항상 같은 구조로 사용하는 것들을 의미. (보일러 플레이트는 회사마다 다를 수 있다.)

 

2. React 초기 폴더가 의미하는 것들

myapp
├── node_modules // 라이브러리, 프레임워크 저장소 (npm install 받은거 저장됨)
├── pages // 프론트 엔드의 페이지 화면들 (js 파일이 들어간다)
├── public // 사진, 아이콘 등
├── style // css 파일
├── .gitignore // git에서 제외할 파일
├── package-lock.json // npm install로 설치한 애들 관리 (버전 잠금파일)
├── package.json // 기본 메뉴얼 (app 이름, 버전, script 실행 명령어(실행방법), dependencies 등)
├── README.md // 내가 작성한 app 설명서
├──yarn.lock // yarn 명령어로 설치한 애들을 관리 (버전 잠금파일) 
   (dependencies에서 사용하는 라이브러리를 구성하는 라이브러리의 정보가 여기에 선언되어 있음)
   (dependencies에서 사용하는 라이브러리는 node_modules에 저장)