8arseint-marketkarly's Issues
[cart page] 장바구니 기능 구현
사용자가 담은 항목 장바구니 페이지에 랜더링하기
- 사용자가 장바구니에 담은 상품 리스트 템플릿 생성
- main page 장바구니 버튼 클릭시 상품 데이터 가져오기
- product-detail page 장바구니 버튼 클릭시 상품 데이터 가져오기
- 각 상품의 storageType 별로 구분하여 foodCategory 내에 항목 생성하기
기타 요구사항
- 수량 추가 및 빼기
- 수량에 맞게 금액 조절하기
- 토탈 금액 결제창에 랜더링
- deletButton 클릭시 항목 삭제
[main page] html,css 구현
[product-detail page] js 구현
장바구니 기능 구현
- 사용자가 장바구니에 항목을 담으면 장바구니 페이지에 랜더링되도록 구현
[product-detail page] html,css 구현
test 1
test
[sign-up page] 유효성 검사
프로젝트 파트 나누기
[sign-up page] 회원가입을 통해 user 생성하고 관리
-
랜덤 한 문자값 (10자 이상) 을 생성 후 사용자의 Unique ID 값으로 넣기
-
해당 유저의 Unique ID를 확인 후 로그인
-
응답받은 Unique ID는
localStorage
에 저장 -
다음 번에 로그인 시 Unique ID가 존재한다면 루트 경로로 리디렉션 시키기
-
어떤 경우든 Unique ID가 유효하지 않다면 사용자에게 알리고 로그인 페이지로 리디렉션 시키기
-
로그아웃은 클라이언트 단에서
localStorage
에 저장된 Unique ID를 삭제하는 방식으로 구현
[login page] html, css 구현
[main page] html, css, swiper 기능 구현
-
각 슬라이드를 데이터로 받아 동적으로 렌더링
-
슬라이드의
prev
,next
버튼 구현 -
키보드 키로도 작동되도록 구현
[mainpage - footer] html,css 구현
mainpage footer 코드 구현 및 리팩토링
[sign up page] html, css 구현
[sign-up page] 추가선택사항 input 활성화 기능 구현
[cart page] 장바구니 기능 구현
사용자가 담은 항목 장바구니 페이지에 랜더링하기
- main page 장바구니 버튼 클릭시 상품 데이터 가져오기
- product-detail page 장바구니 버튼 클릭시 상품 데이터 가져오기
- 각 상품의 storageType 별로 구분하여 foodCategory 내에 항목 생성하기
기타 요구사항
- 수량 추가 및 빼기
- 수량에 맞게 금액 조절하기
- 토탈 금액 결제창에 랜더링
- deletButton 클릭시 항목 삭제
[cart page] 전체선택 버튼 기능 구현
- 전체선택 버튼 클릭시 상품 목록 선택 버튼 on/off
- 활성화된 상품 목록 버튼 비활성화시 전체선택 버튼 자동 비활성화
Test Issue
test
[mainpage-popup] html,css,js 구현
- click시 팝업창이 사라지는 이벤트 구현
Merge하기
[login page] 이메일, 비밀번호 유효성 확인
-
이메일 조건 : 최소
@
,.
포함 -
비밀번호 조건 : 특수문자 포함 최소 6자 - 최대 16자
-
이메일과 비밀번호가 모두 입력되어 있고, 조건을 만족해야 제출 버튼이 활성화 되도록 구현
환경설정
- tailwind, eslint, prettier 설치 및 설정
- assets 추가
- 마켓컬리 모든 페이지 마크업 구조 가져오기
[mainpage - header] html,css 구현
mainpage header 코드 구현 및 리팩토링
[product-list page] html,css 구현
product-list 페이지 마크업 리팩터링 및 tailwind styling
[product-list page] data 가져와 뿌리기
- data.js에서 data 가져와 뿌리기
[cart page] html,css 구현
README.md 작성
29일 코드 리뷰
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.