jonghoske / fe-sprint-coz-shopping Goto Github PK
View Code? Open in Web Editor NEWThis project forked from codestates-seb/fe-sprint-coz-shopping
This project forked from codestates-seb/fe-sprint-coz-shopping
상품 리스트 페이지
서버에서 제공하는 상품 리스트들을 확인할 수 있는 페이지이며, 무한 스크롤을 통해 상품들을 계속 보여줄 수 있어야 합니다.
상품은 각 상품별로 타입이 존재합니다. (상품, 카테고리, 기획전, 브랜드)
상단의 필터 버튼을 통해 상품을 타입 별로 조회해 보여줄 수 있어야 합니다.
각 상품을 클릭하면 해당 상품의 사진을 보여주는 모달을 띄울 수 있어야 합니다.
각 상품에 존재하는 북마크 버튼을 눌러 원하는 상품을 북마크 할 수 있어야 합니다.
이미 북마크 된 상품의 경우, 북마크 버튼이 활성화 되어 있어야 합니다.
활성화된 북마크 버튼을 클릭 시, 해당 상품이 북마크에서 삭제 되어야 합니다.
북마크 버튼을 클릭하여 북마크에 추가할 때와 삭제할 때, 사용자에게 알림 토스트가 표시되어야 합니다.
Footer
메인페이지
모든 타입의 상품 정보를 4개 보여줘야 합니다. (필터 기능은 구현하지 않습니다.)
보이는 상품의 타입은 혼합되어 있어도 무방합니다. (상품, 카테고리, 기획전, 브랜드)
모든 타입의 북마크 된 상품 정보를 4개 보여줘야 합니다. (필터 기능은 구현하지 않습니다.)
보이는 상품의 타입은 혼합되어 있어도 무방합니다. (상품, 카테고리, 기획전, 브랜드)
이미지 클릭 시 모달 창 만들기
Header
메인 로고 클릭 시 / 페이지(메인 페이지)로 이동해야 합니다. - [ v ]
햄버거 버튼
2-1. OOO님 안녕하세요! 부분에는 본인의 이름을 넣습니다. - [ v ]
2-2. 상품리스트: 클릭하면 /products/list 페이지로 이동해야 합니다. - [ v ]
2-3. 북마크 페이지: 클릭하면 /bookmark 페이지로 이동해야 합니다. - [ v ]
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.