[CS] Wireframe (와이어프레임) Day-16

### Wireframe (와이어프레임) 이란?
웹 또는 앱 개발을 할 때 레이아웃의 뼈대를 그리는 단계를 와이어프레임이라고 합니다. 단순한 선이나 도형으로 웹, 앱 인터페이스를 시각적으로 묘사하는 것 입니다. 단순하게, 레이아웃과 제품의 구조를 보여주는 용도입니다.
(효과, UX, 스타일 요소 등 을 판단하는 것이 아닙니다.)

Mock-up (목업) 이란?

목업은 실물 크기의 모형을 뜻합니다. 목업은 실제 제품이 작동하는 모습과 동일하게 HTML 문서를 작성합니다.
필요한 자료 ex) 작성자, 내용, 날짜 등을 HTML 문서 내 하드코딩 하는 방식입니다.

id 및 class 목적에 맞게 사용하기

id 사용의 목적은 고유한(unique)한 이름을 붙일 때
class 사용의 목적은 반복되는 영역을 유형별로 분류할 때

(셀렉터 복습)
id를 사용할 때는 #
class를 사용할 때는 .