Notice
Recent Posts
Recent Comments
Link
«   2025/10   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

죽이죽이

React : React 프로젝트 폴더 구성 본문

React

React : React 프로젝트 폴더 구성

죽이죽이 2024. 2. 9. 19:39

기본적인 프로젝트 폴더 구성

※ node_modules : 프로젝트 구성에 필요한 모든 라이브러리들이 설치된 곳이다.

※ public : 정적인 파일들이 위치한 곳이다.
- assets : 이미지 파일들을 저장하는 곳이다.
- index.html : 프로젝트의 진입점이다.

※ src : 모든 소스코드가 위치한 곳이다.
- api : 외부 API 호출 및 처리 관련 로직들을 넣어놓는 곳이다.
- components : UI를 구성하는 모든 컴포넌트들을 넣어놓는 곳이다.
- pages : 각 페이지에 해당하는 컴포넌트들을 넣어놓는 곳이다.
- index.js : index.html과 마찬가지로 프로젝트의 진입점이다.

※ .env.local : 주로 환경변수를 선언할 때 사용하며, 로컬 환경에서만 사용된다.

※ .gitignore : git 저장소에 포함되면 안되는 파일들을 적어놓는 곳이다.

※ package.json : 프로젝트에 관한 정보와 패키지 매니저를 통해 설치한 모듈들의 의존성을 관리해주는 곳이다.

※ README.md : 프로젝트에 관련된 설명을 작성하는 곳이다.

 

'React' 카테고리의 다른 글

React : 이미지 처리  (0) 2024.02.13
React : Form 데이터 조작 방법  (0) 2024.02.12
React : Built-in Hooks  (0) 2024.02.12
React : React를 사용하는 이유  (0) 2024.02.09
React : 프로젝트 생성하기  (0) 2024.01.25