converse 사이트 만들기
메인페이지
상세페이지
장바구니 페이지
2022-01-11
- router는 배포 방법이 다르다. * 잊지 말것!
2022-01-12
- 기존에 App.js에 몰려있던 코드를 컴포넌트 별로 모듈화했다.
- 상품 데이터 파일을 따로 만들어 한 파일에서 import 할 수 있도록 변경
- 이미지는 깃허브 절대주소로 저장해서 경로와 상관없이 정상 작동하도록 변경
- 메인페이지 section 추가 / footer 제작
- 꼼데가르송 상세페이지 제작(-ing)
- 링크를 누르면 하트를 누를 수 없는 오류 수정
2022-01-13
- 상세페이지 Router를 반복문으로 만들어서 유사한 페이지를 중복으로 만들지 않도록 수정했다.
- return 하는 것을 자꾸 깜빡해서 오류도 없는데 코드는 안보이는 상황이 자꾸 발생한다. ***
- 확장성이 있는 코드를 짜려다보니 페이지마다 변하는 이미지 구현이 너무 어렵다
- 계속 이미지 이름을 수정해서 넣어보고 있다.
- 사이지를 고를 수 있는 기능도 추가했다. 데이터 안에 재고 수량도 기입해서, 수량이 0이면 품절이라고 표시된다.
2022-01-14
- 상세페이지 내에 사이즈를 누르면 해당 신발에 대한 데이터에 사이즈 정보가 추가로 저장된다.
- 주문하기를 누르면 해당 신발의 정보들이 표기되고, 같은 상품은 수량이 증가하고, 다른 상품은 목록에 새로 추가되도록 구현했다.
2022-01-16
- 반응형 미디어쿼리 제작
- 메인페이지, 상품 상세페이지 제작 완료 (장바구니 미진행)
2022-01-17
- 장바구니 모바일 반응형 완료
- 수량이 변하면 가격도 변하도록 설정
2022-01-18
- 상품을 장바구니에 넣는 순간, 해당 상품의 정보가 localStorage에 저장
앞으로 구현해야 할 것들*
- 데이터 내에 재고가 0이 되면 사이즈 선택이 불가능하도록 하는 기능
- 장바구니 페이지 reload 시 localstorage에 있는 정보 보여주기
park ji ho – [email protected] - [email protected]