2.16 계산기 목업 만들기

flexbox 와우.. 

하나만 삐끗해도 벌써부터 안되는걸 체험중

12시간 이상 붙잡고 겨우 만들었다. 새벽 5시 반에 끝남

 

<button>

사용해서 만들라고 하는데 어려워 죽는줄

이번기회에 확실히 알게됐다. <button>은 양쪽병렬이 안된다.

자꾸 찌그러지는게 괜히 그러는게 아녔음

Button class=“button__row” 로 해결

 

Display: flex 부모 박스 요소에 적용해, 자식 박스의 방향과 크기를 결정하는 레이아웃 구성 방법

 

Flex-diration: 정렬 축 정하기

부모요소에 설정해주는 속성으로, 자식 요소들을 정렬할 정렬 축을 정합니다.

기본은 가로 정렬

Row 왼-오

Column 위-아래

Row-reverse 오-왼

Column-reverse 아래-위

 

Flew-wrap: 줄 바꿈 설정하기

하위 요소들의 크기가 상위 요소의 크기를 넘으면 자동 줄 바꿈을 할 것인지 정합니다.

설정하지 않으면 줄바꿈 안함

 

nowrap왼-오

Wrap 왼-오 줄바꿈 왼-오

Wrap-reverse 아래부터 위로 왼-오