4. 와이어 프레임 & 목업

-와이어프레임 설계 및 목업 구현-

 

[와이어프레임]

웹 또는 앱을 개발할 때 레이아웃의 뼈대를 그리는 단계를 와이어 프레임이라고 한다.

아주 단순하게 레이아웃과 제품의 구조를 보여주는 용도.

 

[목업 Mock-Up]

웹 또는 앱을 제품이라 했을 때, 목업은 실제 제품이 작동하는 모습과 동일하게 기능을 뺸 HTML문서와 CSS를 작성.

 

[와이퍼프레임, 목업 진행 시 주의사항]                                          

<form> 요소는 일반적으로 사용자가 입력한 값을 다른 페이지로 전송하는 역할.

<form>를 사용하여 <input> <button> 과 같은 자식 요소를 감싸는 경우에 자주 사용.

목적이 명확하므로, 단순히 영역을 나누기 위해 사용하는 <div>요소보다는 더 sementic한 요소 사용이라고 볼 수 있다.

 

>> 와이퍼프레임/목업 진행 URL : https://ovenapp.io/