[React] 리액트 디렉토리 구조

오늘은 간단하게 리액트를 이용해 코드를 짤 때 보는 디렉토리 구조에 대해서 알아보겠습니다.

딱 정해져 있는 디렉토리 구조는 없지만, 보편적으로 기능 또는 경로별로 그룹화 해서 디렉토리를 형성합니다.

node_modules

- CRA를 구성하는 모든 패키지 소스 코드가 들어있는 디렉토리

 

public 폴더

- index.html 파일이 있는 곳

- 가상 DOM을 위한 html vkdlf

 

src 폴더

- 실제 작업할 폴더

- index.js 파일이 존재

- App.js는 현재 화면에 보여지고 있는 초기 컨포넌트

- apis 안에는 말 그대로 api들을 넣어 두는 곳입니다.

 

아래는 src 폴더안의 하위 폴더들 입니다.

assets

- 서비스에 사용하는 font와 image들이 들어 있다. 나의 자산

 

components

- 서비스에 사용하는 컨포넌트

- 코드 재사용에 용이하기 위해 함수 단위로 작성해 두고 필요할 때 사용합니다.

 

hooks

- 단일 사용자 지정 후크가 포함되어 있는 폴더

 

2020.12.10 - [Coding/React] - React 설치하고 실행하기 - 페이스북, 인스타그램 만들기

React 설치하고 실행하기 - 페이스북, 인스타그램 만들기