FRONT-DEV

고정 헤더 영역

글 제목

메뉴 레이어

FRONT-DEV

메뉴 리스트

  • 홈
  • 분류 전체보기
    • 작업물
    • 자기개발
      • 자바스크립트
      • 리액트
      • 기타
    • 자료
    • 일상

검색 레이어

FRONT-DEV

검색 영역

컨텐츠 검색

css-in-js

  • [용어] CSS-in-JS

    2024.09.27 by 아키텍쳐

[용어] CSS-in-JS

Javascript 파일내에서 CSS 스타일을 작성하고 적용하는 방법으로 컴포넌트 기반의 프레임워크에서 많이 사용된다.컴포넌트별로 분리된 스타일링이 가능하다. 장점- 독립적인 스타일 , 독립적인 관리- 에디터를 통한 쉬운 접근단점- 공통 style과 컴포넌트의 구분이 애매 모호하다.- 디테일한 스타일을 적용 시 전역에서 이 중으로 덥어야하는 부분이 생긴다.- 대규모 프로젝트 시 로딩이 생김- 개발자 경험 및 수정 성능이 저하 프로젝트를 하면서, 편한 부분도 있었지만 퍼블 출신이여서 전역 style에서 컴포넌트 단위로 관리하고,해당 pages를 생성하여 스타일을 주는게 편했다.

자기개발/기타 2024. 9. 27. 16:39

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
FRONT-DEV © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바