웹페이지 개발시 방법론 - 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;
}