와이어프레임 설계 및 목업 구현
와이어프레임(Wireframe)
웹 또는 앱을 개발할 때 레이아웃의 뼈대를 그리는 단계
단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한 것
와이어프레임은 아주 단순하게, 레이아웃과 제품의 구조를 보여주는 용도
목업(Mock-up)
대부분의 산업에서 목업은 실물 크기의 모형을 말한다.
웹 또는 앱을 제품이라고 할 때, 목업은 실제 제품이 작동하는 모습과 동일하게 HTML 문서와 CSS를 작성합니다.
다만 기능적으로는 동작하지 않는다.
와이어프레임(Wireframe) 설계시 id와 class 목적에 맞게 사용
구성한 코드 태그에 맞게 이름을 붙여줘야한다.
● 이름을 붙여주는 HTML의 속성
id : 고유한(unique) 이름을 붙일 때
class : 반복되는 영역을 유형별로 분류할 때
→ 고유한 영역 또는 반복되는 영역에 따른 이름을 붙어줘야한다.
'백엔드 부트캠프 공부 정리' 카테고리의 다른 글
| Git 설정하기 (0) | 2022.05.03 |
|---|---|
| Twittler 목업 구현 (3) | 2022.04.29 |
| CSS (0) | 2022.04.27 |
| HTML (0) | 2022.04.27 |
| 개발 환경 설정 - IntelliJ 설치 (0) | 2022.04.27 |
