dev_in 개발 블로그

  • 홈
  • 태그
  • 방명록

2026/04/07 1

제로 런타임 CSS(+ CSS-in-JS)

CSS-in-JS CSS-in-JS란 자바스크립트 파일 내에서 CSS를 직접 작성하여 컴포넌트 단위로 스타일을 관리하는 기술입니다.기존 CSS 파일 분리 방식과 달리, 런타임에 스타일을 동적으로 생성 및 적용하여 컴포넌트 중심 개발에 최적화되어 있으며, 스타일 스코프 오염을 방지하고 상태에 따른 동적 스타일링이 용이합니다.하지만, CSS-in-JS의 경우, 런타임에서 CSS를 만들다 보니 성능 문제가 생길 가능성이 있습니다. 예를 들어, 사용자가 페이지를 로딩할 때마다 CSS를 동적으로 계산해서 DOM에 삽입하면, 브라우저가 이를 처리하는 데 시간이 걸리게 됩니다. 특히, 앱이 커질수록 성능이 떨어질 수 있고, CSS를 캐싱하기도 어려운 문제가 존재합니다. 제로 런타임 CSS 제로 런타임 CSS는 CS..

개발 관련 토막지식 2026.04.07
이전
1
다음
더보기
프로필사진

dev_in 개발 블로그

dev_in님의 개발 공부 블로그 입니다.

  • 분류 전체보기 (89) N
    • 코딩 테스트 공부 (12)
    • 프로젝트 최종 회고록 (2)
    • 개발 관련 토막지식 (39)
    • 코드잇 중급 프로젝트 데일리 회고록 (9)
    • 코드잇 심화 프로젝트 회고록 (4)
    • 최종 프로젝트 리팩토링 (2)
    • 개인 프로젝트 MenuMate (21) N

Tag

리액트, 성능 최적화, 정규 표현식, 브라우저 환경, auto batching, 프론트엔드, props, 메서드, 개발 팀프로젝트, 무한 데이터 스트림 생성, 자바스크립트 메서드, 웹, 자바스크립트 문법, 렌더링 관리, 개발관련 토막지식, 개발공부, 자바스크립트, 배열, 코딩 테스트, 자바스크립트 메소드,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바