CSS

vw: 뷰포트 너비의 %vh: 뷰포트 높이의 %vu: 루트 요소의 인라인 축방향으로 뷰포트 크기의 1%vb: 루트 요소의 블록 축방향으로 뷰포트 크기의 1%vmin: vw 또는 보다 작은 vh%vmax: 더 큰 또는 vw 또는 vh%

레이아웃을 정렬하는 방법으로 float를 사용했지만 수직방향 정렬이 어려움flex 로 수평, 수직방향 정렬에 어려움을 해결하지만 item 이 여러 개일 경우 늘어나는 문제 발생2차원 레이아웃 잡는 어려움을 해결하기 위해 grid 를 사용하게 됨grid-template-

position: relative; 자체로는 특별한 의미가 없음top, right, bottom, left 프로퍼티로 원래의 위치에서 이동절대적인 위치를 둘 수 있음특정 부모에 대해 절대적으로 움직임부모 중에 position이 relatvie, fixed, absolu