transition, animation, transform 차이점
transition
1.전환속성(transform)
2.다른 속성
animation
1. 0~ 100%
2. 정/역방향
3. 단계별로 여러가지 속성을 변화시키면서 애니메이션 효과
4. 반복, 재생, 정지
5. 속성들을 활용(transform, 위치, margin, 배경색, ...)
transform
1.자체 요소 변형(크게, 위치, 기울기, 각도)
2. 회전, 크기변경, 위치변경
레이아웃
부모요소 대비
최대 크기 : width: 100%;
가운데 정렬 : margin:0 auto;
html DOM(Document Object Model)
화면에 보이는 크기 대비 100%
view width 100vw
view height 100vh
dbcut.com : 웹사이트 페이지
flex 박스 레이아웃
