최소한의 마크업으로 레이아웃 구성하기
- 최소한의 마크업만으로 웹사이트 박스 모델의 레이아웃이 같게 보이도록 클론 코딩을 진행한다.
- 단 이때 모든 마크업 구조가 실제 애플 웹사이트와 완전히 똑같을 필요는 없다. 중요한건 애플 웹사이트의 레이아웃과 동일하게 나오게끔 구현하는 것이다.
- 버튼의 hover 효과와 같은 부분들은 구현하지 않아도 된다.
- css 없이도 html과 자바스크립트 만으로도 화면의 구조가 드러나야 한다.
- 실제 apple 웹사이트 구조와 동일해야 한다.
- 반응형을 고려하여 모바일 화면을 지원해야 한다.
- 웹 표준에 맞는 정확한 태그와 속성을 사용한다.
- 불필요한 마크업은 없는가?
- 웹표준에 어긋나는 마크업은 없는가?
- css를 없앴을 때 실제 apple 웹사이트와 구조가 동일한가?
- 모바일 화면에 맞게 반응형을 지원하는가?
만약 미션 수행 중에 개선사항이 보인다면, 언제든 자유롭게 PR을 보내주세요.
버그를 발견한다면, Issues에 등록해주세요.
This project is MIT licensed.