JadeCode

와이어프레임 웹 또는 어플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계를 와이어프레임이라고 한다. 단순한 선이나, 도형으로 인터페이스를 시각적으로 묘사한 것이다. 와이어프레임의 가장 큰 목적은 화면의 영역을 구분하는 일이다. 와이어프레임 단계에서는 전환 효과나, 애니메이션, 사용자 테스트 같은 스타링일 요소나 UX를 판단하지 않는다. Flexbox 박스를 유연하게 늘리거나 줄여 레이아웃을 잡는 방법이다. display: flex; 를 자식 요소가 아닌 부모 요소에 적용해야 함을 이해한다. flex-direction 을 이용하여 요소를 정렬할 방향을 결정할 수 있다. justify-content 와 align-items 를 이용하여 수평-수직 정렬을 결정할 수 있다. flex-grow 를 이용하여 요..