사내 Vue 프로젝트는 buefy라는 UI라이브러리를 사용하고 있다. 프로젝트를 진행하면서 buefy에서 제공하는 요소의 스타일을 변경하고 싶은데 일부는 변경되고 일부는 변경되지 않는 문제가 있었다. Scoped vue의 style 태그에는 scoped 속성을 사용할 수 있다. scoped는 특정 컴포넌트의 스타일이 해당 컴포넌트에만 적용되도록 강제하는 역할을 한다. Foo1.vue scoped를 사용하면 돔 속성에 랜덤한 이름이 생성된다. 개발자도구로 Foo1 컴포넌트를 확인하면 돔 속성에 랜덤한 이름 (data-v-544b6424)이 생성된 것을 확인할 수 있다. scoped를 사용했을 때 실제 동작되는 코드를 풀어서 작성하면 아래와 같다. scoped 속성을 사용할 때 UI라이브러리의 요소가 일부는..
