
[리팩토링: 1차프로젝트] 상품디테일 페이지
2022. 7. 14. 20:59
회고 & 일상
완성도있는 프로젝트를 위해 기록한 리팩토링 로그 리팩토링을하면서 가장 오래걸렸던 페이지 중 하나였다. 우선 상품리스트 페이지의 수정(오류)사항을 살펴보면 1. Mock data 하나로 합쳐서 수정 2. 전체적인 UI 디테일 수정 2. Radio 버튼을 클릭했을때, 각 컬러값이 보이도록 수정 3. 화폐단위 디테일 문제 5. 버튼을 모두 선택했을때만 장바구니로 넘어가도록 'Alert 기능' 추가 6. Cart modal 창 추가 7. WomensDetail page 새로 만들기 📌프로젝트 시연 영상 Mock data 하나로 합쳐서 수정 우선 detailColorList와 detatilSmallList로 나눠져있었던 목데이터를 하나로 합쳐주었고, newDetail.json 파일을 만들어서 데이터파일 하나에서 ..