프론트앤드 리팩터링

[Gilpop8663]

🔥 연관 이슈

close: #685

📝 작업 요약

• 폴더명 리팩터링
• 훅 폴더 index 파일 생성
• 유틸 함수 정리
• 상수 정리
• 타입 정리

폴더 컨벤션

1. 페이지에서는 페이지에서 단일로 사용되는 컴포넌트만 존재한다.
2. 컴포넌트 폴더에서는 여러 페이지에서 호출하는 컴포넌트일 때 도메인 폴더를 만들고 해당 폴더에 추가한다.
3. 리스트에서 해당하는 아이템을 다른데서도 사용한다면 리스트와 같은 폴더에 둔다.

📦post
 ┣ 📂EmptyPostList
 ┃ ┣ 📜EmptyPostList.stories.tsx
 ┃ ┣ 📜index.tsx
 ┃ ┗ 📜style.ts
 ┣ 📂Post
 ┃ ┣ 📜Post.stories.tsx
 ┃ ┣ 📜index.tsx
 ┃ ┣ 📜mockData.ts
 ┃ ┗ 📜style.ts
 ┣ 📂PostList
 ┃ ┣ 📜PostList.stories.tsx
 ┃ ┣ 📜index.tsx
 ┃ ┗ 📜style.ts
 ┗ 📂PostListPage
 ┃ ┣ 📜PostListPage.stories.tsx
 ┃ ┣ 📜constants.ts
 ┃ ┣ 📜index.tsx
 ┃ ┣ 📜style.ts
 ┃ ┗ 📜types.ts

1. 리스트에서 해당하는 아이템을 리스트에서만 사용한다면 리스트 하위 폴더에 둔다.

⏰ 소요 시간

2일

[github-actions]

⚡️ Lighthouse report!

Category	Score
🟠 Performance	63
🟠 Accessibilty	89
🟢 SEO	100
🟠 PWA	89

Category	Score
🟢 First Contentful Paint	0.7 s
🟠 Largest Contentful Paint	3.4 s
🔴 Total Blocking Time	2,130 ms
🟢 Cumulative Layout Shift	0
🟢 Speed Index	3.0 s

[inyeong-kang]

File Change 210에 Commit 8? 레전드 리팩터링이군요👍👍

[chsua]

고생하셨습니다 우스