CSS 모듈이란? (feat. vueJS)
이번 시간에는 CSS클래스 중복을 막아주는 CSS 모듈을 Vue3에서 사용해보았다! 1. CSS module이란? CSS 모듈은 CSS를 모듈화하여 사용하는 방식을 말한다. 클래스명은 모듈 컴파일러에 의해 고유한 클래스명을 가지게 된다. 클래스명이 고유해지므로 CSS의 범위를 지역적으로 한정시킬 수 있는 장점이 있다. CSS 클래스명을 생성할 때는 파일 경로, 파일 이름, 클래스 이름, 해쉬값 등이 사용된다. 2. Vue와 CSS module ❓ CSS module을 사용하면 CSS의 적용범위를 지역적으로 한정시킬 수 있다고 했다. 하지만 Vue에서는 CSS에서 scoped를 사용하면 범위를 제한할 수 있는데 이 둘의 차이는 무엇일까? 1) scoped vs CSS module Vue에서는 CSS에 sc..
2022. 7. 30.
