KMBBJ_FRONT 폴더 구조 설명

1. assets

• 기능: 이미지, 폰트, CSS 파일 등 프로젝트에서 사용하는 정적 자산을 저장하는 폴더입니다.
• 예시: images, styles 등의 서브폴더를 포함할 수 있습니다.

2. components

• 기능: 재사용 가능한 UI 컴포넌트를 저장하는 폴더입니다. 각각의 컴포넌트는 React 컴포넌트로 구현됩니다.
• 예시: 버튼, 폼, 모달 등과 같은 공통 UI 요소들이 들어갈 수 있습니다.

3. hooks

• 기능: 커스텀 React Hooks를 저장하는 폴더입니다. Hooks는 주로 상태 관리나 사이드 이펙트를 처리하기 위해 사용됩니다.
• 예시: useAuth, useFetch와 같은 커스텀 훅이 들어갈 수 있습니다.

4. pages

• 기능: 애플리케이션의 각 페이지 컴포넌트를 저장하는 폴더입니다. 각 파일은 보통 URL 경로와 매핑되는 페이지 컴포넌트입니다.
• 예시: HomePage, AboutPage, ProfilePage 등 각 URL에 대응하는 컴포넌트가 들어갑니다.

5. routes

• 기능: 애플리케이션의 라우팅 설정을 저장하는 폴더입니다. 각 기능별로 라우트를 정의하고 관리합니다.
• 예시: AuthRoutes, AdminRoutes, AppRoutes 등 라우트 설정 파일이 들어갑니다.

6. services

• 기능: API 호출 및 비즈니스 로직을 처리하는 서비스 모듈을 저장하는 폴더입니다. 서버와의 통신, 데이터 처리 등의 기능을 구현합니다.
• 예시: apiService, authService, userService 등이 들어갑니다.

7. utils

• 기능: 유틸리티 함수들을 저장하는 폴더입니다. 여러 곳에서 재사용될 수 있는 함수나 헬퍼 메서드들을 포함합니다.
• 예시: helpers.js, validators.js 등이 들어갑니다.

루트 파일 설명

App.js

• 기능: 애플리케이션의 루트 컴포넌트입니다. 전체 애플리케이션의 레이아웃과 라우팅을 관리합니다.
• 내용: 헤더, 푸터, 주요 라우트 등을 포함할 수 있습니다.

index.js

• 기능: ReactDOM을 사용하여 App 컴포넌트를 HTML의 루트 엘리먼트에 렌더링하는 진입점 파일입니다.
• 내용: 애플리케이션의 시작 지점이며, 글로벌 CSS 파일을 포함할 수 있습니다.

index.css

• 기능: 애플리케이션의 글로벌 스타일을 정의하는 CSS 파일입니다.
• 내용: 공통 스타일, 기본 레이아웃 스타일 등을 포함합니다.

reportWebVitals.js

• 기능: 성능 측정 도구로, 애플리케이션의 성능을 분석하는 데 사용됩니다.
• 내용: 웹 바이탈을 측정하여 성능 데이터를 수집합니다.