1. 시맨틱 마크업이 아닌 웹 사이트를 선정한다.
시맨틱 마크업을 사용할 수 있는 경험을 할 수 있다.
2. 마크업, 스타일 난이도가 있다.
난이도가 높은 웹 사이트를 구현하다 보면 난이도 낮은 웹 사이트를 구현해 내기가 수월하다. 난이도가 낮은 프로젝트는 성장하기 어려울 것 같다. 다른 방법으로 성장하는 방법이 있다.
3. 반응형 웹만 클론 코딩하지 않는다.
적응형 웹도 있다. PC, Mobile 등 외 관리자 페이지도 있다. 또한, JavaScript에서 navigator.userAgent 사용해서 디바이스 제어하면 PC, Mobile 각 페이지를 볼 수 있다.
4. 웹 표준, 웹 접근성 준수한다.
준수해야 하는 항목이다. 웹 표준과 웹 접근성을 준수하며 클론 코딩한 경험은 필수다.
5. 반응형 웹을 고려하다.
반응형 웹을 고려하지 않고 마크업 구조 설계하면 모바일 구현할 때 어려워진다. 데스크탑, 모바일 디자인 시안을 보고 마크업 구조를 설계한다.
6. 공통된 요소부터 설계(HTML, CSS, JS 구현)한다.
디자인 시안을 보고 공통된 css, js까지 모듈화 한다. css는 hover, UI 기능 구현 등 js는 공통 함수로 인자를 활용하여 모듈화 한다. 어렵지만 추후에 구현하는 속도가 빨라진다.