Back-End 디렉토리 구조
/ member
/ controller
/ dao
/ dto
/ service
/ community
/ dao
/ dto
/ service
/ controller
/ ...
/ global
/ configuration
/ security
/ exception
/ redis
/ mail
/ type
Front-End 디렉토리 구조
src
├── assets // 배경, 캐릭터, 아이콘 등 정적 파일
│ ├── background
│ ├── character
│ └── icon
│
├── components // UI 컴포넌트
│ ├── atoms
│ │ ├── button
│ │ │ ├── BasicButton.jsx
│ │ │ ├── ModalButton.jsx
│ │ │ ├── PassButton.jsx
│ │ │ ├── PookieButton.jsx
│ │ │ ├── SocialButton.jsx
│ │ │ └── TapButton.jsx
│ │ ├── input
│ │ │ ├── BasicInput.jsx
│ │ │ ├── ChatInput.jsx
│ │ │ └── SubmitInput.jsx
│ │ ├── modal
│ │ │ ├── BasicModal.jsx
│ │ │ ├── KeywordModal.jsx
│ │ │ └── PopUpModal.jsx
│ │ ├── radio
│ │ │ └── Radio.jsx
│ │ ├── room
│ │ │ ├── RoomPeople.jsx
│ │ │ ├── RoomTitle.jsx
│ │ │ └── TeamTurn.jsx
│ │ └── user
│ │ ├── UserCharacter.jsx
│ │ ├── UserExp.jsx
│ │ └── UserReady.jsx
│ │
│ ├── molecules
│ │ ├── common
│ │ │ ├── ChatBox.jsx
│ │ │ ├── FriendList.jsx
│ │ │ ├── FriendMessage.jsx
│ │ │ └── MessageList.jsx
│ │ ├── games
│ │ │ ├── RoundInfo.jsx
│ │ │ ├── SubmitModal.jsx
│ │ │ ├── TeamToggleButton.jsx
│ │ │ └── Timer.jsx
│ │ ├── home
│ │ │ ├── Footer.jsx
│ │ │ ├── GameTab.jsx
│ │ │ ├── Header.jsx
│ │ │ ├── Pagination.jsx
│ │ │ ├── RoomCard.jsx
│ │ │ └── SearchBox.jsx
│ │ ├── myRoom
│ │ │ ├── ItemList.jsx
│ │ │ └── MyInfoDetail.jsx
│ │ └── waiting
│ │ └── WaitingUserCard.jsx
│ │
│ └── organisms
│ ├── common
│ │ └── FriendMessageModal.jsx
│ ├── games
│ │ └── ResultModal.jsx
│ ├── home
│ │ ├── RoomCreateModal.jsx
│ │ ├── RoomList.jsx
│ │ └── RoomPasswordModal.jsx
│ ├── login
│ │ ├── FindPasswordModal.jsx
│ │ ├── LogInModal.jsx
│ │ └── SignUpModal.jsx
│ ├── myRoom
│ │ ├── MyBox.jsx
│ │ ├── UserPasswordChange.jsx
│ │ └── UserUpdateModal.jsx
│ └── waiting
│ ├── RoomExitModal.jsx
│ ├── SideBar.jsx
│ └── WaitingUserList.jsx
│
├── lib // 공통 라이브러리
│ └── axiosInstance.jsx
│
├── pages // 라우트별 페이지
│ ├── HomePage.jsx
│ ├── LogInPage.jsx
│ ├── ManagingPage.jsx
│ ├── MyRoomPage.jsx
│ ├── SamePosePage.jsx
│ ├── SilentScreamPage.jsx
│ ├── SketchRelayPage.jsx
│ └── WaitingPage.jsx
│
├── routes // 라우터 설정
│ └── Router.jsx
│
├── store // 전역 상태 관리
│ └── store.js