Vue.js에서 CSS 모듈을 사용하는 방법은 무엇인가요?

Q1: Vue.js에서 CSS 모듈이란 무엇인가요?
A1: CSS 모듈은 각 컴포넌트의 스타일을 로컬 범위로 한정시켜 이름 충돌을 방지하는 CSS 방식입니다. Vue.js에서는 CSS 모듈을 통해 컴포넌트마다 고유한 클래스명을 자동으로 생성하고 관리할 수 있습니다.

Q2: Vue 컴포넌트에서 CSS 모듈을 사용하는 기본 문법은 어떻게 되나요?
A2: `
```

Q3: CSS 모듈의 클래스명을 템플릿에서 적용하려면 어떻게 하나요?
A3: Vue 컴포넌트 내에서 클래스명은 `$style` 객체를 통해 접근합니다. 예:
```vue

```
여기서 `className`은 `.style` 내부의 CSS 선택자 이름입니다.

Q4: 여러 CSS 모듈을 한 컴포넌트에서 사용하고 싶으면 어떻게 하나요?
A4: `





```

Q5: Vue CLI 프로젝트에서 CSS 모듈을 바로 쓸 수 있나요?
A5: 네, Vue CLI로 생성된 프로젝트는 기본적으로 CSS 모듈 지원이 내장되어 있어 추가 설정 없이 `