JayGo 개발 연습장

  • 홈
  • 태그
  • 방명록

css 모듈 1

프로젝트에 module.css 적용하기

일반 CSS의 문제점CSS는 DOM 요소의 스타일을 지정한다. 보통 하나의 웹 애플리케이션을 만들 때 두 개 이상의 자바스크립트 모듈 파일로 프로젝트를 쪼개서 관리하며, 파일이 쪼개지는 방식에 따라 담당하는 UI 영역의 CSS 파일도 분리하는 게 일반적이다.자바스크립트는 ES6부터 .js를 모듈로 분리해 내는 것이 언어의 표준으로 채택됐다. 그에 따라 모듈을 분리한 자바스크립트 파일은 네임 스페이스를 공유하지 않게 되었고, 변수나 함수의 이름을 지정할 때 전역 네임 스페이스만을 따를 때보다 조금 더 자유가 생겼다(다른 모듈의 변수-함수명을 신경 쓸 필요가 없어졌다). 하지만 CSS는 전역으로 선택자 이름이 공유되면서, 컴포넌트 기반 UI 개발을 할 때 걸림돌이 되었다./* Home 컴포넌트(Home.cs..

HTML-CSS 2024.12.03
이전
1
다음
더보기
프로필사진

JayGo 개발 연습장

jaygo-dev 님의 블로그 입니다.

  • 분류 전체보기 (89)
    • HTML-CSS (6)
    • JavaScript (15)
    • React (10)
    • Node (1)
    • Express (0)
    • Web (2)
    • Git-Github (3)
    • 개발 용어-상식 (1)
    • TIL (46)

Tag

JavaScript, react, 자바스크립트, 리액트, 실행 컨텍스트, 티스토리챌린지, 프로퍼티, Til, common js, useState, 원시 타입, git, Vite, createElement, es module, 오블완, form 태그, jsx, HTML, CSS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바