퀴즈 / CSS / 문제

CSS will-change 속성의 올바른 사용 목적은?

어려움 MDN Web Docs
보기 및 정답
A 변경 예정인 속성을 브라우저에 미리 알려 렌더링 성능을 최적화한다
B animation-delay에 음수 값을 넣으면 역방향으로 재생된다
C DOM 요소의 변경을 감지하는 이벤트 리스너를 등록한다
D transform 속성 변화에는 transition을 적용할 수 없다

해설

will-change: transform처럼 변경될 CSS 속성을 미리 선언하면, 브라우저가 해당 요소를 별도 레이어로 분리하여 GPU 가속 등의 최적화를 준비합니다. 단, 남용하면 오히려 메모리를 낭비하므로 실제 성능 문제가 있는 요소에만 사용해야 합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

관련 문제

CSS Flexbox에서 flex-wrap: wrap의 역할은?
CSS
CSS text-wrap: balance 속성의 효과로 올바른 것은?
CSS
CSS ::marker 의사 요소(pseudo-element)의 역할은?
CSS
CSS shape-outside 속성의 용도로 올바른 것은?
CSS
CSS에서 isolation: isolate 속성의 효과로 올바른 것은?
CSS
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기 →
처리 중...