Element의 Center를 찾기 화면 레이아웃을 만들고 스타일 잡다보면 vertical, horizontal center 만드는게 여간 까다로운게 아닙니다. 한번 정리를 해봅니다. horizontal center는 간단한 부분이 많지만 vertical center가 까다롭고 parent element의 영향이 많습니다. Horizontal C...

(물론 이런저런 CSS 프레임워크를 쓰면 그냥 해결될 문제이지만) 아래와 같은 효과를 구현해야 할 경우, c770d402-f4bb-4567-91c6-3e304d27df0a.gif 보통 clientHeight과 scrollHeight등으로 높이를 계산한다던가 좀 더 스마트하게 Intersection Observer를 사용한다던지 하는 자바스크립트로 해결을...