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

cptkuk91·2021년 10월 22일
0

CS

목록 보기
28/139

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

Mock-up (목업) 이란?

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

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

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

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

profile
메일은 매일 확인하고 있습니다. 궁금하신 부분이나 틀린 부분에 대한 지적사항이 있으시다면 언제든 편하게 연락 부탁드려요 :)

0개의 댓글