와이어 프레임

와이어프레임? 그게뭐지?

wireframe 은 골격이라고 표현할수있다.

말그대로는"와이어로 설계된 모양" 을 의미한다. 쉽게말해서 단순한 도형만으로 인터페이스를 시각적으로 묘사한것이다.

전환효과,애니메이션,사용자 테스트 같은 UX를 판단하는게 아니다.

와이어프레임을 보고 HTML로 짤 수 있을수 있어야한다(?)

지금의 수준으로는 당연히 하드코딩하게되고

아직 html의 태그내부에 값을 데이터바인딩하는방법을 익히지못했기때문에

그거부터 배우려나?..

HTML로 웹 앱의 구조 잡기

기능을 따라한다기보다. 디자인을 먼저 따라해보자.

1. 큰 틀에서 영역나누기
2. 각 영역을 태그로 표현하기