애플 스토어 레이아웃 클론코딩

최소한의 마크업으로 레이아웃 구성하기

template version

🎯 요구사항

  • 최소한의 마크업만으로 웹사이트 박스 모델의 레이아웃이 같게 보이도록 클론 코딩을 진행한다.
    • 단 이때 모든 마크업 구조가 실제 애플 웹사이트와 완전히 똑같을 필요는 없다. 중요한건 애플 웹사이트의 레이아웃과 동일하게 나오게끔 구현하는 것이다.
    • 버튼의 hover 효과와 같은 부분들은 구현하지 않아도 된다.
  • css 없이도 html과 자바스크립트 만으로도 화면의 구조가 드러나야 한다.
    • 실제 apple 웹사이트 구조와 동일해야 한다.
  • 반응형을 고려하여 모바일 화면을 지원해야 한다.
  • 웹 표준에 맞는 정확한 태그와 속성을 사용한다.

📝 코드리뷰시 체크 리스트

  • 불필요한 마크업은 없는가?
  • 웹표준에 어긋나는 마크업은 없는가?
  • css를 없앴을 때 실제 apple 웹사이트와 구조가 동일한가?
  • 모바일 화면에 맞게 반응형을 지원하는가?

👏🏼 Contributing

만약 미션 수행 중에 개선사항이 보인다면, 언제든 자유롭게 PR을 보내주세요.


🐞 Bug Report

버그를 발견한다면, Issues에 등록해주세요.


📝 License

This project is MIT licensed.