처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
더보기
인사이트 FAQ 유튜브 카페

로그인

| 비밀번호찾기

추가 정보 입력

서비스 이용을 위해 휴대전화 번호를 입력해주세요.

회원가입

무료 회원가입 가입비 없이 무료로 가입할 수 있습니다

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / CSS / 문제

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

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

해설

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

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

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

정규반 살펴보기

관련 문제

CSS isolation: isolate 속성의 용도는?
CSS
CSS text-wrap: balance 속성의 역할은 무엇인가요?
CSS
CSS에서 visibility: hidden과 display: none의 차이점으로 올바른 것은?
CSS
CSS에서 clamp(최소값, 이상값, 최대값) 함수의 동작 원리는?
CSS
CSS contain 속성의 목적은 무엇인가요?
CSS