코드를 위한 기록

와이어프레임(Wireframe) : 와이어로 설계된 모양 단순한 선이나 도형으로 웹/앱의 인터페이스를 시각적으로 묘사한 것 레이아웃과 구조를 보여주는 용도 목업(Mock-up) : 실제 작동하는 모습과 동일하게 하드코딩 와이어프레임> 목업> JavaScript 이 단계를 따르지 않으면 설계도 없이 건물을 짓는 것과 같다. Flexbox 속성 * 부모요소에 적용 display: flex; flex-direction 정렬축 정하기 - row 가로 정렬(기본값) - column 세로 정렬 - row-reverse 가로 역순 정렬 - column-reverse 세로 역순 정렬 flex-wrap 줄 바꿈 설정하기 : 하위 요소 크기가 상위 요소 크기를 초과하면 줄바꿈을 할지 여부 설정 - nowrap 줄바꿈하지 ..