limrim 쇼핑몰 클론하기

---

PinkJelly Project

limrim 쇼핑몰 사이트 클론하기.

1. 팀 소개

• 팀명 : 개발바닥 ( PinkJelly )
  • 팀장 : 김준혁
  • 팀원 : 권은비, 박홍빈

2. 팀 주제

limrim 쇼핑몰 사이트 클론

3. 주제 선정 이유

평소에 쇼핑몰 사이트를 자주 봐왔고, HTML 와 CSS 학습을 위해서 실제 구현되고 서비스 중인 쇼핑몰을 클론 해보는 것은 어떨까? 라는 생각에 의해 시작 됨.

4. 프로젝트 요구 사항

• W3C에서 제공한 MarkUp Validation Service 에서 이상이 없을 것.
• 최대한 시멘틱 하게 작성할 것.
• html , css 적인 요소를 구현하는 JS를 최대한 사용하지 말 것.

5. 구현 기술

• HTML
• CSS
• Javascript

6. 구현 내용

1. 캐러셀 애니메이션 슬라이드
2. hover 애니메이션
3. grid시스템, flex배치
4. 드롭다운 애니메이션
5. Top-Bottom 버튼
6. 광고배너 absolute 등등..

7. 프로젝트 구현 영상

7. 한계점 및 보완점

한계점 : 캐러셀 슬라이드를 JS 없이 구성하기 위해서 시멘틱하지 못한 마크업을 하게되었음. (label , input 남발)

보안점 : JS가 필요한 부분은 JS 혹은 라이브러리를 이용 한다.

View Project Source

by GitHub