nyximos.log

로그인 구현후 요청을 보냈다. 로그인 응답을 받은 후 에러가 뜬다. GET http://127.0.0.1:5173/ 404 (Not Found) AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', ... message : "Request failed with status code 404" name : "AxiosError" 서버에서 설정한 성공 URL로 redirect할수 없기 때문에 프론트엔드의 URL로 redirect 해야한다. /config/security/SecurityConfig.java http.formLogin()에 succesHandler를추가해준다. ht..

Spring Boot는 다음 포스팅을 참고해서 만들자. [Spring Boot + Vue.js] 프로젝트 개발 환경 구성 Spring Boot + MySQL + JPA + Thymeleaf 로 CRUD 구현하기 01 - 데이터베이스 환경설정, 프로젝트 생성 연동하는 포스팅을 왜 또 올리냐면 이번에는 Vite 기반이기 때문이다. vite란 https://vitejs-kr.github.io/ Vite Vite, 차세대 프런트엔드 개발 툴 vitejs-kr.github.io 1. Node를 설치한다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 버..

🧶 Vue.js란? 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크 MVVM 패턴의 ViewModel 레이어에 해당하는 화면단 라이브러리 데이터 바인딩과 화면 단위를 컴포넌트 형태로 제공하며, 관련 API 를 지원하는데에 궁극적인 목적이 있음 Angular에서 지원하는 양방향 데이터 바인딩 을 동일하게 제공 하지만 컴포넌트 간 통신의 기본 골격은 React의 단방향 데이터 흐름(부모 -> 자식)을 사용 다른 프런트엔드 프레임워크(Angular, React)와 비교했을 때 상대적으로 가볍고 빠름. 문법이 단순하고 간결하여 초기 학습 비용이 낮고 누구나 쉽게 접근 가능 📌 MVVM 패턴 Backend 로직과 Client의 마크업 & 데이터 표현단을 분리하기 위한 구조로 전통적인 MVC 패턴의 방식에서..

[Spring Boot + Vue.js 연동] 프로젝트 개발 환경 세팅, axios로 데이터 전송, prettier와 cors 에러 해결 Vite 기반 Vue.js 프로젝트 만들 때는 위의 링크를 참고하세요. 1. Spring Boot 프로젝트 생성 저는 Gradle을 사용하였습니다. 위 링크를 참조해서 프로젝트를 생성해주세요. Dependency는 이렇게 추가했습니다. src/resources/application.properties 포트 번호를 변경해 줍니다. server.port=8086 아직 DB 설정을 안해주었으니 2. Vue.js 설치 터미널을 열어주세요. (Alt + F12) 저는 src 밑에 뷰 프로젝트 폴더를 설치할거라서 경로를 이동합니다 프로젝트 폴더를 설치할 경로로 이동하세요. cd ..