생각해보니 지금까지 스프링부트로 프로젝트를 생성해본 적이 한번도 없는 겸 + Gradle 프로젝트를 해본 적이 없어서 이번에 할 게 없어서 한번 해보려고 한다. 일단 Vue프레임워크는 쓰되, axios와 같은 외부라이브러리는 최대한 배제를 하고 ES6 문법을 중심으로한 순수 자바스크립트 언어를 사용해보려고 한다.. 프로젝트 생성은 아래 글에서 참조 하도록 하자. Maven대신 Gradle을 선택할 것! 스프링부트 프로젝트 생성 처음 프로젝트를 생성하면 이런 느낌일텐데. 이제 Controller와 jsp를 만들어서 한번 붙여보도록 하자. src/main/java/com/example/demo 경로에 controller폴더와 IndexController를 생성해준다. 그리고 src/main/webapp/WE..
주말에 공부를 하는데 VScode 에러 잡는다고 시간 날리고, 웹팩 공부하는데 에러나서 4시간 날리고 겨우 정리한다.. https://bongra.tistory.com/105 [기타] VScode : Error: Cannot find module 'vue-template-compiler' 에러 ( feat. 웹팩 ) 오늘 webpack 사용법을 공부하고 있는데, npm run build 명령어를 통해서 웹팩을 실행하려는데 아래와 같은 에러가 발생하였다. 실행 명령어 npm run build vue-template-complier 모듈을 찾을 수 없다는 말 같은 bongra.tistory.com 이 에러 때문에 4시간 날렸다... 결국 위의 방법으로는 vue파일을 import해서 웹팩으로 output 할 ..
VScode가 처음이라 만지기만 에러가 뜬다.. 뭘 잘못 했는지는 모르지만, 에러 난 거 하나하나 고쳐가면서 정리를 하려고 한다. 이번에 뜬 에러는 다음과 같다. Error: C:\Users\BONG\Desktop\vueProject\vue_prj\vueprj\babel.config.js: Error while loading config - You appear to be using a native ECMAScript module configuration file, which is only supported when running Babel asynchronously. 원래 js파일이랑 vue파일이 import가 되지 않는 문제를 고치려고 package.json에 아래 속성을 넣었었는데 해당 에러가 뜬 것..
오늘 VScode를 만지작 거리고 있는데, Vue파일에 에러가 엄청 뜨는 것을 발견.. 에러는 아래와 같았다. 태그도 못찾고 이것 저것 다 못찾는 에러.. 그래서 검색해보니, vetur의 문제라는 이야기도 있고, 이것 저것 많았다. 이 문제 때문에 고생하는 사람들도 있는 듯.. 구글링을 해보니 아래와 같은 링크를 발견했다. https://github.com/vuejs/vetur/issues/1388 "Cannot find name" and other problems with TypeScript-SFC · Issue #1388 · vuejs/vetur I have searched through existing issues I have read through docs I have read FAQ Info P..
오늘 VScode로 이것저것 만지고 있는데 아래와 같은 에러(?)가 발생했다. VScode 우측하단에 이런 경고창이 떴는데 내용은 이렇다. Vetur can't find tsconfig.json or jsconfig.json in c:\Users\admin\Documents\Project. tsconfig.json파일과, jsconfig.json파일을 찾을 수 없다는 것. 해결방법은 root 경로에 해당 파일 2개를 추가해주면 된다. tsconfig.json // tsconfig.json { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": [ "src/*" ] } } } jsconfig.json { "include": [ "./src/**/*" ] } 이..
저번에 VScode로 @vue/cli 라이브러리를 설치하는데 아래와 같은 에러가 발생했다. 1. npm 은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램... 오류 해결 방법 2. 'npm' 용어가 cmdlet 함수 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다 해당 에러가 나는 사람은 이 글을 보면 해결 할 수 있을지도 모른다 그럼 바로 시작해보자. 1. npm 은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램... 오류 해결 방법 ============================================================================ 시스템 환경변수의 Path에 해당 경로를 추가한다. C:\Users\[본인 계정이름]\AppDat..