3주차 활동

• 프로젝트 구조 개선 사항 요약
• 사용자 리뷰 (사전 배포)
• 멘토님 리뷰 (커피챗)
• 3주차 리팩토링 진행

📝프로젝트 구조 개선 사항 회의

컴포넌트 파일 구조

• 컴포넌트 파일 내에서 공통 컴포넌트와 페이지별 컴포넌트를 분리하여 각각 지정
• 컴포넌트 구조: index, styled, props 등의 파일로 분리
• 컴포넌트 외에 ts 파일을 카멜 케이스로 변경
• props 타입 지정 방법 일관성 유지

slices 디렉토리 구조 통일

• constants, index, thunk 등의 폴더 구조를 slices 내에서 통일하여 일관성 유지

PasswordInput 분리

• Input 내에 있는 **PasswordInput**을 분리하거나 로그인 페이지로 이동 고려

assets 내 ts 파일 타입 인터페이스로 분리

• assets 내의 ts 파일을 타입 인터페이스로 분리하여 관리

폴더명 일관성

• 페이지, 컴포넌트 등의 폴더명을 일관성 있게 통일하여 구조 확보

안쓰는 훅 삭제 예정

• useAxios, useDebounce, useHover 등의 훅 중 안쓰는 추후에 삭제 예정

모든 파일 절대 경로로 변경

• 모든 파일의 import 경로를 절대 경로로 변경

useSelected 파일 통합 고려

• useSelected 훅을 하나의 파일에 정의하는 것을 고려

styled 코드 정리

• **styled**로 내려주는 프롭스에는 **$**를 붙여주기

리렌더링 최적화

• 미 사용 영역도 리렌더링 되지 않도록 최적화

웹 접근성 검사

• 웹 접근성을 검사하는 사이트를 활용하여 적절한 조치 추가 (추후 확인)

데이터 검증 및 유효성 검증 추가

• 입력된 데이터의 유효성을 검증하고 필요한 경우 사용자에게 메시지를 표시하여 데이터의 정확성을 보장