vuejs

이전 글 보기 2023.12.21 - [개발 일지] - vue.js 토이 프로젝트 - SQL 시험 대비 문제풀이 사이트 (1) 프로젝트 시작 지난 번에는 전체적으로 빠르게 코드를 짜고 핵심 기능까지는 만들어 놓았다. 깃허브 저장소에 코드도 올렸고, 이름은 뭐로 할지 고민하다가 정말 직관적인 sql-test-helper로 정함... 좋은 네이밍 센스 가지고 싶당 저번에 계획한대로 전체적인 디자인을 입혔다. 그럭저럭 완성도 있고 심플하게 나온 것 같아서 마음에 드는 듯 😘 아무래도 문제만을 보는 사이트다 보니까 복잡할 수록 시선이 분산될 것 같아서 웬만한 건 다 빼버렸다 그냥 ... 다른 문제풀이 사이트들도 많이 참고하면서 봤는데, 원하는 느낌은 없는 것 같아서 기존에 짜놓은 틀대로 가기로 결정! 반응형 처..

정보처리기사 자격증을 공부할 때 SQL 문제들을 연습할 곳이 너무 없었다. 그래서 계속 블로그들을 찾아서 복원 문제만 풀어보고를 반복했는데, 지금은 취득했지만, 붙든 못 붙든 꼭 만들어봐야 겠다고 다짐한 사이트! 마침 주변에 정보처리기사 준비 하는 지인들이 있어 1회차 시험 치르기 전에 미리 만들어서 도움을 주고자 한다. 무작정 공부하는 것도 좋은 방법이지만, 필요한 서비스를 생각하고 작은 규모라도 만들어 보면서 배우면 손에 좀 더 빨리 익는 기분이다... 😉 큼지막한 기능은 대충 아래와 같이 구상했다. 기존 문제 (복원 문제) 풀어보기 회차별 풀기 대비 문제 생성 문법 및 단원 공부 (미정) 별거 없지만... 만들고보면 누구에게든 도움이 되지 않을까 싶은 마음이 있다. 그리고 잘 다듬으면 내가 다른 자..

토이 프로젝트에 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..