Feature#3 로그인

[somebodylovesusall]

🤔 이슈 번호

Feature#3 로그인

📝 변경 사항

• 패키지 설치: React Router DOM(v6.23.1), React Hook Form(v7.52.0), Zod(v3.23.8), Font Awesome
• 헤더, 내비게이션 컴포넌트 분리
• 회원가입, 로그인, 비밀번호 초기화 페이지 UI 및 기능 일부 구현
• 라우터 및 경로 설정
• 유효성 검증

📷 스크린샷

없음

🙋🏻 추가사항

• 개발 중에 커밋을 자주 했어야 하는데.. 하다 보니 정신이 없었네요😂 커밋 메시지도 더 신경 써서 작성하겠습니다.
• 폴더 구조를 어떻게 해야 할지 모르곘어서 일단 러프하게 잡아 보았는데 조언 부탁드립니다. :)

리뷰해 주시면 수정사항 적용하고 이어서 진행하겠습니다!

[somebodylovesusall]

1. 보통 컴포넌트 파일명은 대문자로 시작하는 PascalCase로 작성하고, 일반 파일명은 camelCase로 작성하는 경우를 많이 보아서 일단 그렇게 했는데 이것도 논의하고 변경이 필요하면 추후 수정하겠습니다!
2. 폴더 구조는 말씀하신 대로 어떤 식으로 할지 점차 개선해 보면 좋을 것 같습니다! assets는 폴더 구조 잡을 때 여러 검색 결과..ㅋㅋㅋ 보통 src 내부에 assets, styles, components, ... 폴더로 구조를 많이들 짜셔서 비스무리 잡아 봤는데 대훈님 말씀처럼 이미지나 .ico 같은 정적 파일은 public 폴더 내부로 옮겨도 괜찮을 것 같다는 생각이 드네요

리뷰 감사합니다 :)

[marshot9420]

저같은 경우에도 재사용이 많은 공통 컴포넌트는 components 안에, 그리고 그 안에서도 버튼은 버튼끼리, 컨테이너는 컨테이너끼리, 인풋은 인풋끼리 보관을 했습니다.

그리고 API 호출 함수는 apis에, 각종 URL, 쿼리 등 상수는 객체 형태로 constants에, features 안에는 도메인별로 컴포넌트와 훅, 뮤테이션 등을 보관하고 공통 훅은 또 따로 묶어서 보관했던거 같네요

그리고 features 내부의 컴포넌트들과 components 내부의 컴포넌트들을 pages에서 조립하여 내보내는 형식을 많이 취했습니다.

이런 전반적인 개발 과정에 도움을 받았던 오픈소스 프로젝트의 링크를 남겨보겠읍니다 VIA-Frontend 2023-hang-log