Directory Structure Refactoring

[14KGun]

Summary

아래와 같은 구조로 전체 디렉토리 이름을 수정하고 코드 파일들을 이동시킵니다.

├ cypress
│ └ ...
├ public
│ └ ...
├ src
│ ├ pages
│ │ ├ AddRoom
│ │ │ ├ index.tsx
│ │ │ └ ...
│ │ ├ Chatting
│ │ │ ├ Header
│ │ │ │ └ ...
│ │ │ ├ MessageForm
│ │ │ │ └ ...
│ │ │ ├ MessagesBody
│ │ │ │ └ ...
│ │ │ ├ index.tsx
│ │ │ └ ...
│ │ ├ Error
│ │ │ ├ index.tsx
│ │ │ └ ...
│ │ ├ Home
│ │ │ ├ index.tsx
│ │ │ └ ...
│ │ ├ Login
│ │ │ ├ index.tsx
│ │ │ └ ...
│ │ ├ Mypage
│ │ │ ├ index.tsx
│ │ │ └ ...
│ │ └ Search
│ │   ├ index.tsx
│ │   └ ...
│ ├ langs
│ │ ├ AddRoom (→ rooms 디렉토리 파일명과 통일성 있게 대문자로 수정합니다)
│ │ │ └ ...
│ │ ├ Mypage
│ │ │ └ ...
│ │ ├ Myroom
│ │ │ └ ...
│ │ ├ Search
│ │ │ └ ...
│ │ └ i18n.js
│ ├ components
│ │ ├ Skeleton (→ 디렉토리 이동)
│ │ │ ├ AlertProvider.tsx
│ │ │ ├ index.tsx
│ │ │ └ ...
│ │ ├ Modal (→ 대문자로 수정)
│ │ │ ├ ButtonCancelOk.jsx
│ │ │ └ index.tsx
│ │ ├ Room (→ 대문자로 수정)
│ │ │ ├ index.css
│ │ │ └ index.tsx
│ │ ├ roomOptions
│ │ │ └ ...
│ │ ├ Paginations.tsx
│ │ ├ Button.tsx
│ │ └ ...
│ ├ atoms
│ │ ├ alert.ts (→ 기존 alert/index.ts 와 alert/atom.ts 를 합칩니다)
│ │ ├ error.ts (→ 기존 error/index.ts 와 error/atom.ts 를 합칩니다)
│ │ ├ loginInfoDetail.ts (→ 기존 loginInfoDetail/index.ts 와 loginInfoDetail/atom.ts 를 합칩니다)
│ │ ├ myRooms.ts (→ 기존 myRoom/index.ts 와 myRoom/atom.ts 를 합칩니다)
│ │ └ taxiLocations.ts (→ 기존 taxiLocation/index.ts 와 taxiLocation/atom.ts 를 합칩니다)
│ ├ types
│ │ └ ...
│ ├ tools
│ │ └ ...
│ ├ hooks
│ │ └ ...
│ ├ App.js
│ ├ loadenv.js (→ 파일명 수정)
│ └ ... 
├ Dockerfile 
└ ...

[14KGun]

@0ev @antaechan @Hyogyeong8 @withSang 이런식으로 전체 구조 변경하는 거 어떠신가요?

[antaechan]

index.tsx 파일들도 원래 없었는데 추가한 것인가요?

[14KGun]

index.tsx 파일들도 원래 없었는데 추가한 것인가요?

@antaechan 기존 컴포넌트 파일들의 이름을 index.tsx로 수정하고자 합니다.

예를 들면, AddRoom/AddRoom.tsx 파일 내부의 컴포넌트를 import 하기 위해서는 import AddRoom from AddRoom/AddRoom을 하여야 하나,

파일 이름을 index.tsx로 수정하면, import AddRoom from AddRoom 으로 간략하게 만들 수 있습니다.

예시) components/Error/index.tsx

[antaechan]

아 그렇군요

1. index.tsx 추가
2. 일부 폴더명 대문자로 변경
3. atom.ts(import와 export만 있는 문서) 통합

괜찮은 것 같습니다