개발 범위 파악하기

전체 디자인을 살펴본다.

- 대량적인 큰 레이아웃을 구상

- 메인 컴포넌트를 분석

- 반복되는 컴포넌트를 구분

 

가변적인 요소가 들어가는 항목을 확인

- 이미지가 가변일 때, no image처리는 어떻게 되는가?

- 이미지 비율이 다를때 어떤 기준으로 크롭하는가?

- 텍스트가 가변일 때 몇 줄까지 노출하는가? / 번역 및 말줄임

- 값이 없을 때 0으로 노출하는지, 항목 자체가 사라지는지?

 

기획/디자인 측에서 요청한 인터랙션이 있는지?

 

마크업에는 정답이 없음.

- 같은 화면이더라도 마크업 하는 방식은 개발자마다 모두 다름

- 모작을 하는 과정 혹은 다뤄보지 않은 레이아웃에 대한 고민이 있을 땐, 벤치마킹할 사이트의 코드를 훑어본다.

- 주로 국내 서비스라면 네이버, 글로벌 서비스라면 구글이 좋은 예제