![]()
이전 글 보기 - 전체 코드 및 소개는 1편에서 확인할 수 있습니다. 2023.12.13 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (1) 프로젝트 소개 2023.12.14 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (2) localStorage 2023.12.15 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (3) ui/ux 지난 편에서 ui/ux를 변경하고 적용했다. 오늘은 모바일에서도 편하게 이용할 수 있도록 반응형을 적용해보았다. 브라우저 크기를 모바일, 아니 태블릿 정도로만 줄여도 스타일이 처참하게 깨졌다... 😭 반응형을 고려하지 않고 제작했을 때 이런 참사가 일어남 근데 나는 반응형으로 뭔가 ..
![]()
토이 프로젝트에 scss를 적용했는데 전역 스타일 적용 후 빌드 할 때 에러가 났다. 먼저 나는 vue2 (vue@2.6.14) 버전을 이용중. 여기서 전역 스타일 설정이란, 매번 스타일 영역에서 scss파일을 import하지 않고 사용하는 설정을 말한다. scss 설치 npm install --save-dev node-sass sass-loader 위와 같이 설치하고, 아래와 같이 전역 설정을 해주자. vue.config.js module.exports = { ... css: { loaderOptions: { sass: { data: ` @import "@/assets/scss/_variables.scss" ` } } } } 그리고 빌드. ValidationError: Invalid options ob..
