Nuxt.js에서 컴포넌트의 CSS자산을 관리하는 방법
css: [ '~assets/css/common.scss' ], Nuxt.js 환경에서 개발을 진행하다 보면 컴포넌트 또는 글로벌 요소의 css를 수정해야 하는 경우가 있다. 이러한 상황에서 하나의 파일로 구성된 글로벌 css파일은 여러 문제를 발생시키게 된다. 클래스나 상속등의 문제로 이슈가 발생했을 경우 이를 고치기 어렵다(각기 다른 css코드가 문제를 일으킬때가 있기 때문) 글로벌 요소의 특성상 단일 클래스에서 상속을 통해 코드를 작성하는데 이로인해 가독성이 떨어진다. 자산 로드 속도등의 문제는 뒤로하고, 개발단계에서 발생하는 문제만 봐도 꽤나 심각한것을 알 수 있다. 이를 방지하기 위해서는 요소별 css를 모듈화시켜 사용해야 하는데, 이를 개발하는 과정에 있어 필자가 사용한 방식을 소개해보도록 하..
