React, styled-css, Figma를 사용하여 쇼핑몰을 만들었습니다.
실제 코드와 변수명, 함수명 등은 조금씩 다를 수 있습니다.
https://github.com/1two13/shopping-mall
📁 src/common/components/TopFixedBar.js (상단 탑 바)
📁 src/common/components/MenuBar.js (상단 메뉴 바)
📽 슬라이드 애니메이션 만들기 (BigAnimatePic 컴포넌트)
💫 홈 페이지에서 상품 사진 클릭 했을 때 상품 상세 페이지 컴포넌트로 이동하기
➕ 선택된 옵션 보여주기 + 이전에 선택한 옵션과 다른 옵션이 선택되면 새로운 옵션도 추가로 같이 보여주기
💲 수량 선택 가능하게 하기 + 수량에 따라 가격 다르게 보여주기
⏪ 옵션이 모두 선택되면 옵션 박스를 처음으로 리셋하기
⬆️ 홈에서 상품 사진 클릭했을 때 스크롤 위치 처음으로 만들기
🏰 localStorage를 사용하여 상품 상세 페이지에서 선택한 값 가져오기
💫 상단 바에서 사람 아이콘 클릭 했을 때 마이 페이지로 이동하기
🏰 localStorage에서 가져온 값으로 화면에 데이터 표시하기
🔐 로그인이 필요한 버튼을 클릭했을 때 로그인이 되어 있는 상태라면 결제 페이지로 이동시키고, 로그인이 되어 있지 않은 상태라면 네이버 로그인 창 보여주기
👌🏻 로그인에 성공했을 때 보여줄 Callback 컴포넌트 생성하기
🙋🏻♀️ 리덕스를 사용하지 않고 props를 여기저기 넘겨준 점
🙋🏻♀️ 리엑트에 Font Awesome 아이콘 적용하는 방법