레이아웃 속성 (Layout Properties)
- display, position, top, right, bottom, left, float, clear, width, height, margin, padding, overflow...
시각적 속성 (Visual Properties)
- color, background, border, box-shadow, text-shadow...
타이포그래피 속성 (Typography Properties)
- font-size, font-family, font-weight, text-align, vertical-align, line-height, letter-spacing, word-spacing...
애니메이션 및 전환 속성 (Animation and Transition Properties)
- transition, animation, transform...
인터랙티브 속성 (Interactive Properties)
- cursor, :hover, :active, :focus...
고급 기능 (Advanced Features)
- flexbox, grid, variables, @media, @support...
근데 갑자기 생각났는데
- 컴퍼스로 작도할 때 스크롤 있는 페이지에서 지멋대로 스크롤이 일어나버리는 바람에 그거 방지용으로 첫 렌더링 시에 터치 이벤트 아예 막아버리는
useEffect문을 줬다가 이제는 스크롤이 필요한 상황에서 스크롤 이벤트가 막혀있어서 스크롤이 안되는 이슈가 생김 canvas자체에touch-action: none;이거 줘서 간단히 해결- 이유가 궁금하지만 배고프니까 미래로 미루기 ~
난멋져