chan-judy / MarketSAZO

MarketKurly Clone Project

🍓MarketSAZO🍑

📂프로젝트 명

마켓컬리 홈페이지 클론 프로젝트

📂프로젝트 성격

국비교육과정 자바 프로젝트

⌛프로젝트 기간

2022.02.25. ~ 2022.03.04.

🙂프로젝트 인원

5명

🛠개발환경, 언어

• Windows 11
• Brackets
• HTML5
• CSS3
• JavaScript
  
  
  

💻담당업무

• 프론트엔드 언어를 이용해 메인페이지 구현
  
  
  

✅주요기능

화살표를 클릭하면 메인 페이지의 메인 배너가 다음 이미지로 넘어가는 화면을 자바스크립트로 구현했다.
해당 화면에서는 현재 행사하는 제품이나 광고를 보여준다.

상단의 카테고리 바에 커서를 대면 카테고리와 세부 카테고리를 확인할 수 있다.
해당 화면은 CSS3를 이용해 구현했다.

메인 배너와 마찬가지로, 양옆의 화살표를 클릭하면 제품이 옆으로 넘어간다.
맨 마지막 이미지에서 오른쪽으로 클릭하면 첫 제품으로 돌아간다는 차이가 있다.

각 카테고리 별로 MD가 추천하는 상품을 확인할 수 있다.
카테고리를 누를 때마다 하단의 버튼도 변경되어, 해당 카테고리의 상품 페이지로 넘어간다.