정리공간

기본 적인 vue의 라우터는 history router 이다. import { createRouter, createWebHashHistory } from 'vue-router'const router = createRouter({ history: createWebHistory()}); 이 라우터는 깔끔한 url을 제공하지만, 직접 주소창에 입력해서 들어갈 수는 없고 버튼을 통해서만 이동할 수 있다. 주소창에 직접 url을 입력해서 이동하는 방식을 사용하려면 Hash 모드 라우터를 사용해야한다. import { createRouter, createWebHashHistory } from 'vue-router'const router = createRouter({ history: createWebHashHi..

개발 환경 Vue3 Spring Boot 3.0.2 JAVA 17 Vue의 포트번호 : 3000 Spring의 포트번호 : 8080 Vue랑 Spring Boot를 처음으로 연동하여 공부를 하고 있는데 역시나 CORS에 부딪혔다. 수많은 블로그에 추천은 하지 않지만 프론트 단에서만 해결할 수도 있다고 하는데 아무리 Proxy를 설정해도 해결되지 않았다. 결국 프론트단의 proxy설정과 백엔드단의 설정이 둘다 필요했다. Vue webpack.config.js module.exports = { devServer : { proxy : { '/api' : { target:'http://localhost:8080', pathRewrite:{'^/api':''}, } } }, }; target : 위 내용은 /ap..

스프링 프로젝트를 생성했더니 아래와 같은 오류들이 차례로 나타났다.. 항상 처음으로 프로젝트를 생성할때는 오류를 만나는것 같다ㅎㅎ.. cause: invalid entry CRC failed to create jar file Gradle sync failed Caused by: org.codehaus.groovy.control.MultipleCompilationErrorsException: startup failed 우선 나는 자바17버전으로 프로젝트를 생성했고, 11버전도 큰 차이는 없다. 1. 프로젝트가 해당 자바 버전으로 맞춰졌는지 확인한다. 1) build.gradle 파일 sourceCompatibility = 해당 버전 17이면 17, 11이면 11등 버전을 확인한다. 2) 프로젝트 JDK F..

아래 링크로 들어가서 스프링 부트 기반으로 Spring 프로젝트를 만든다. https://start.spring.io/ 전에는 빌드도구로 Maven을 많이 사용했지만 요즘은 Gradle로 하는 추세라고 한다. Spring Boot 버전은 뒤에 괄호()가 없는 제일 최신 버전을 선택하면 된다. Group : 기본 패키지 이름을 설정. 보통 회사의 도메인명으로 한다. Artifact : 프로젝트 명 Java 버전은 각자 사용할 버전을 선택하면된다. Dependencies : 스프링부트로 스프링 프로젝트를 시작할때 어떤 라이브러리를 가져와 쓸건지 선택. 여기서는 웹 프로젝트를 만들것이기 때문에 Spring web과 HTML을 구성해주는 Template Engines를 선택한다. 설정을 다 마쳤으면 하단의 Ge..