React 파일 구조 설정

React 파일 구조에 대해 써보겠습니다!

+ src

프로젝트의 주요 소스 코드가 위치하는 디렉터리입니다. 아래는 src 디렉터리 내의 각 하위 디렉터리 및 파일에 대한 설명입니다.

- API

외부 API와 관련된 파일이 위치하는 디렉터리입니다. 프로젝트에서 사용하는 외부 서비스와의 통합을 위한 코드가 이곳에 위치할 수 있습니다.

- Assets

프로젝트에서 사용하는 이미지 및 기타 자원 파일들이 저장되는 디렉터리입니다. 웹 페이지나 앱에서 사용되는 정적 자원들이 여기에 위치합니다.

- Components

프로젝트의 주요 컴포넌트들이 위치하는 디렉터리입니다. Components 디렉터리 내부에는 Web 및 App 디렉터리가 있습니다.

- Page

각 페이지에 해당하는 컴포넌트들이 위치하는 디렉터리입니다. 각 파일은 프로젝트에서 특정 페이지에 대응됩니다.

- Style

프로젝트의 전반적인 스타일을 정의하는 파일들이 위치하는 디렉터리입니다. theme.js와 같은 파일이 여기에 위치할 수 있습니다.

- Util

유틸리티 함수들이 위치하는 디렉터리입니다. 프로젝트에서 공통으로 사용되는 유틸리티 함수들이 여기에 위치합니다.

- contexts

React Context API와 관련된 파일들이 위치하는 디렉터리입니다. 애플리케이션 전역에서 사용되는 컨텍스트들이 여기에 위치할 수 있습니다.

 

저는 아래 링크처럼 Git에 만들어 놓고 새로운 프로젝트 실행시 clone 해서 사용하고 합니다!

https://github.com/dasdfadssda/react_base_file

GitHub - dasdfadssda/react_base_file