✔️기기(electron-vite react)

frontEnd/
├── src/
│   ├── pages/  
|   |     ├── auth/ 
|   |     ├── info/
|   |     ├── movie/
|   |     ├── mypage/
|   |     ├── BoardingPage.tsx
|   |     ├── ErrorPage.tsx
|   |     ├── SurveyPage.tsx
|   |     └── MainPage.tsx
│   ├── components/
|   |     ├── Btn.tsx
|   |     ├── ...
|   |     └── common/
|   |           └── Header.tsx
│   ├── assets/
│   ├── hooks/
│   ├── apis/
│   ├── store/ 
│   ├── utils/                     
│   ├── App.tsx             
│   ├── main.tsx             
│   └── index.css            
├── public/
│   └── index.html
├── package.json
├── node_modules
├── .gitignore
├── tailwind.config.ts
└── vite.config.ts

components

• 프로젝트 전반에 걸쳐 재사용 가능한 UI 컴포넌트
• 여러 페이지에서 공통적으로 사용되는 요소
• if 모달인데 특정 페이지에서만 쓴다면? → 해당 페이지 폴더로
• ex) 버튼, 모달, 헤더, 푸터, 폼 필드

pages

📁 auth : 로그인, 회원가입, 비밀번호 찾기

📁 info : 서비스 부가정보 관련 ex) 팀정보, 서비스 설명

📁 movie : 영화 목록 화면, 영화 상세화면, 리뷰화면

📁 mypage : 마이페이지 내의 화면들 ex) 포토카드, 찜목록

📁 Common 공통으로 사용하는 페이지들 ex) 404, 호출, 태깅 확인화면 등

src 내부 구조

📁 assets