본 시리즈는, 2022년 부트캠프에서 진행하였던 프로젝트 BODYLIKE의 프론트엔드 사이드 코드를 분석 및 refactoring하는 과정을 기록합니다.
2년만에 열어본 판도라의 상자.
그래도 그 당시에 부트캠프에서 팀 단위로 멘토님들과 함께 진행했던 프로젝트기에, 프로젝트 목적에 맞는 핵심 기능들은 제대로 가지고 있더랍니다.
BODYLIKE 프로젝트 ?
- 커머스 사이트 클론 프로젝트
- React로 프론트엔드 구축
- 주요 기능
- 홈 화면에서 최신 상품들을 볼 수 있습니다.
- 내비게이션 바를 통해 카테고리별로 상품을 확인할 수 있습니다.
- 검색어를 통해 원하는 상품을 검색하고 확인할 수 있습니다.
- 상품 상세 페이지에서 상품을 확인하고 장바구니에 담을 수 있습니다.
- 상품에 대한 리뷰를 작성할 수 있습니다.
- 회원가입/로그인 할 수 있습니다.
- 회원가입/로그인 후 장바구니 페이지에 접근할 수 있습니다.
- 장바구니 페이지에서 내가 담은 상품들을 확인하고 삭제할 수 있습니다.
다만, 코린이 시절 마구 써내려간 그 무자비한 코드들은 어찌하리오...
게다가 팀원들과 함께했던 프로젝트였기에 직접 짜지 않은 코드들도 많았고, 그 당시엔 완전히 이해하지 못한 채로 짰던 코드들도 많았기에, 프로젝트에 대해 다시 공부할 필요도 있었습니다.
그리하여 이 프로젝트 코드의 대대적인 리팩토링을 시작하게 되었습니다.
지금의 제가 할 수 있는 수준에서 최선의 리팩토링(비슷한 것)을 차근차근 진행합니다.
