본문 바로가기

SpringBoot10

[Spring] CORS와 SOP의 의미, @CrossOrigin와 WebMvcConfigurer 코드 예시 프론트와 백엔드를따로 작성할 때,@CrossOrigin을 붙였다. @CrossOriginCORS를 스프링을 통해 설정할 수 있는 기능이다.모든 도메인과 모든 요청방식에 대해 하용한다는 의미를 가진다.스프링 4.2부터 지원한다. CORS서로 다른 도메인에서 리소스를 공유하는 방식웹 페이지의 제한된 자원을 외부 도메인에서 접근을 허용해주는 매커니즘처음 전송되는 리소스의 도메인과 다른 도메인으로부터 리소스가 요청될 경우 해당 리소스는 cross-origin HTTP 요청한다.Same Origin Policy와 반대되는 개념예시로, 다른 집에서 내 집에 있는 금고(데이터)를 사용할 수 있도록 집주인(서버)이 허가증(특정 응답 헤더)을 써주면 가능하다. SOPSame Origin Policy의 약자이며.. 2025. 8. 19.

[SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 3편: watch로 아이디와 이메일 변경 시 다시 중복체크하게 만들기. [ 회원가입 페이지 만들기 2편 : 아이디와 이메일 패턴 체크하고 중복 확인하기 ] [SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 2편 : 아이디, 이메일 중복체크 만들기.이름, 비밀번호, 전화번호를패턴 체크를 했었다.이번에는 아이디와 이메일을중복 체크 해보자! [ 회원가입 페이지 만들기 1편 : 이름, 패스워드, 전화번호 패턴 체크 ]이곳에 들어가시면 페이지post-this.tistory.com 아이디와 이메일을중복 체크하고 패턴 체크까지 만들었따.그런데 이럴수가!사용자가 중복 체크를 만들고값을 변경해도 가입이 성공한다. 1. 화면 동작과 전체 코드화면동작 코드 Register-Web-frontend/src/views/BasicRegister.vu.. 2025. 8. 18.

[SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 2편 : 아이디, 이메일 중복체크 만들기. 이름, 비밀번호, 전화번호를패턴 체크를 했었다.이번에는 아이디와 이메일을중복 체크 해보자! [ 회원가입 페이지 만들기 1편 : 이름, 패스워드, 전화번호 패턴 체크 ]이곳에 들어가시면 페이지 동작 화면이 있고, 깃허브 링크를 통해 전체 코드를 확인하실 수 있습니다 [SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 1편 : dto 만들고, 입력값 패턴설정하기.대부분의 웹사이트는회원가입과 로그인 기능을 가진다.그 중 회원가입 기능을 만들어보자! 1. 화면 동작과 전체코드회원가입 영상 회원가입 중복 디렉토리와 클래스 Vue와 Spring을 연결해주는 dtopost-this.tistory.com 1. 어떻게 만들지 구상처음에 생각한 화면 실제로 만든 .. 2025. 8. 17.

[SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 1편 : dto 만들고 이름, 패스워드, 전화번호 패턴 체크 만들기. 대부분의 웹사이트는회원가입과 로그인 기능을 가진다.그 중 회원가입 기능을 만들어보자! 1. 화면 동작과 전체코드회원가입 영상 회원가입 중복 디렉토리와 클래스 Vue와 Spring을 연결해주는 dto Register-Web-backend/src/main/java/com/example/JoinWeb/dto at master · hyeong-ing/Register-Web-backend일반 회원가입과 로그인, 간편 회원가입과 로그인을 구현했습니다. Contribute to hyeong-ing/Register-Web-backend development by creating an account on GitHub.github.com 사용자의 입력값 패턴 체크 Register-Web-back.. 2025. 8. 14.

[Spring] (IntelliJ, vue.js) Vue를 이용하여! 아이콘을 누르면 화면 슬라이딩 만들기. 아이콘을 누르면,화면이 슬라이딩되어나타나도록 만들 것이다. 1. 화면 동작과 전체코드2. 코드 이해를 돕기 위한 간략한 설명3. RightSide.vue 작성4. MainView.vue 작성5. 흐름 1. 화면 동작과 전체코드동작화면 전체코드[MainView.vue에 메인화면 코드가 있습니다.] Register-Web-frontend/src/views at master · hyeong-ing/Register-Web-frontend일반 회원가입과 로그인, 간편 회원가입과 로그인을 구현했습니다. WebStrom으로 Vue.js와 Vite를 사용했습니다. - hyeong-ing/Register-Web-frontendgithub.com [RightSide.vue에 오른쪽 사이드 뷰 코드가 들어.. 2025. 8. 3.

[Spring] (MAC, IntelliJ, vue.js) org.h2.jdbc.JdbcSQLFeatureNotSupportedException: Feature not supported: "CHARACTER VARYING(255)"; 오류는 왜 뜨는걸까? 어찌저찌 프론트를 만들고백엔드를 하려는데,오류가 발생했다!왜 발생할걸까? 1. 오류 살피기. 이런! 못생긴 오류가 떴다.Caused by: org.h2.jdbc.JdbcSQLFeatureNotSupportedException:Feature not supported: "CHARACTER VARYING(255)"; SQL statement: 현재 H2로 database를 관리하려고 한다. 그런데 여기서 h2에서 서포트하지 않는 특정 타입이 존재한다고 오류가 발생했다. 그 특정 타입은 "CHARACTER VARYING(255)"라고 한다. 그렇다면 데이터베이스 로직과 연결된 파트를 살펴봐야겠다. 2. 코드 살피기.현재 프로젝트 파일이다. 하나씩 살펴보면 RegisterRequest는 프론트로 들.. 2025. 7. 26.

이전 1 2 다음

티스토리툴바