웹페이지 개발시 방법론 - Code, Test, Refine

1. Look for natural boxes

2. Look for repeated elements & semantic elements

3. Write your HTML

4. Apply your styles (from biggest to smallest)

5. Fix things

그리고 다시 3~5반복함, 원하는 웹페이지가 만들어질 때까지

반응형 디자인(Responsive design)

viewport 테그 - 웹페이지를 모바일 디바이스에 최석화 시켜줌

<meta name="viewport" content="width=device-width, initial-scale=1.0">

initial-scale=1의 의미는

device independent pixel과 CSS pixel의 비율이 1:1

모바일에서 사람이 touch 가능한 최소 크기는 40, 적어도 48px 정도는 설정 해줘야 함

nav a, button {

min-width:48px;

min-height:48px;

}