안내 사항
이번 미션은 애플 웹사이트 클론 코딩 입니다.
이번 미션을 통해서 최소한의 마크업만으로 화면을 구성하는 것을 목적으로 클론 코딩을 할 예정입니다.
요구 사항
최소한의 마크업만으로 웹사이트 박스 모델의 레이아웃이 같게 보이도록 클론 코딩을 진행한다.
•
단 이때 모든 마크업 구조가 실제 애플 웹사이트와 완전히 똑같을 필요는 없다. 중요한건 애플 웹사이트의 레이아웃과 동일하게 나오게끔 구현하는 것이다.
•
버튼의 hover 효과와 같은 부분들은 구현하지 않아도 된다.
css 없이도 html과 자바스크립트 만으로도 화면의 구조가 드러나야 한다.
실제 apple 웹사이트 구조와 동일해야 한다.
반응형을 고려하여 모바일 화면을 지원해야 한다.
웹 표준에 맞는 정확한 태그와 속성을 사용한다.
3명이 1그룹이 되어 다른 2명의 코드를 리뷰한다.
코드리뷰시 체크 리스트
불필요한 마크업은 없는가?
웹표준에 어긋나는 마크업은 없는가?
css를 없앴을 때 실제 apple 웹사이트와 구조가 동일한가?
모바일로 화면을 지원하는가?