Skip to content

Latest commit

 

History

History
59 lines (43 loc) · 2.86 KB

README.md

File metadata and controls

59 lines (43 loc) · 2.86 KB

converse 클론 코딩

converse 사이트 만들기

Usage example

메인페이지 1642669255155

상세페이지 1642669281002

장바구니 페이지 1642669315017

Release History

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에 있는 정보 보여주기

Meta

park ji ho – [email protected] - [email protected]

https://github.com/heimish902/github-link