[롤링] - 롤링페이퍼 문화를 웹으로 구현한 커뮤니티형 플랫폼
📁 src/
├── 📁 assets/
│ ├── fonts/ # 프로젝트에서 사용하는 폰트 파일
│ ├── icons/ # SVG 등 아이콘 리소스
│ ├── images/ # 정적 이미지 리소스
│ └── styles/ # 전역 스타일(reset, common 등)
│
├── 📁 components/ # 재사용 가능한 공용 UI 컴포넌트 (e.g. Button, Modal 등)
│
├── 📁 constants/ # 전역 상수 정의 (e.g. API 경로, 옵션값, 메시지 등)
│
├── 📁 contexts/ # React Context API 관련 파일 관리 (e.g. AuthContext, ThemeContext)
│
├── 📁 hooks/ # 공통으로 사용하는 Custom Hook 정의 (e.g. useToggle, useDebounce 등)
│
├── 📁 pages/ # 라우트 단위 최상위 컴포넌트 정의
│ # 예: Home.jsx, About.jsx 등
│
├── 📁 utils/ # 유틸성 함수 모음 (e.g. 날짜 포맷, 가격 포맷 등)
│
├── 📁 apis/ #
│
├── App.jsx # 전체 애플리케이션을 구성하는 루트 컴포넌트
└── main.jsx # React DOM 렌더링 및 앱 부트스트랩 엔트리 포인트
📁 src/
├── 📁 components/ # 모든 페이지에서 공통으로 사용하는 공용 컴포넌트
│ ├── **Button.jsx**
│ ├── **Modal.jsx**
│ └── ...
│
└── 📁 pages/ # 라우트 단위로 관리되는 상위 페이지 컴포넌트
└── 📁 HomePage/
├── HomePage.jsx # HomePage 최상단 컴포넌트
└── 📁 components/ # HomePage에서만 사용하는 컴포넌트
├── **Banner.jsx**
└── **Card.jsx**📁 src/
└── 📁 pages/
└── 📁 Home**Page**/ # 모든 최상단 컴포넌트의 이름 뒤에 Page 붙여서 관리
└── Home**Page**.jsx
└── 📁 Products**Page**/
└── Products**Page**.jsx
└── 📁 Faq**Page**/
└── Faq**Page**.jsx