본문 바로가기

SpringMVC25

[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.

[Spring] 김영한 스프링 MVC_ 섹션6. 스프링 MVC - 구조이해 섹션 6은 스프링 MVC 구조를 정확히 이해해 보기 위해 각각의 부분들이 어떻게 변화했는지 살펴봤다. 섹션 5는 직접 MVC 패턴을 만들었고, 섹션 6은 스프링이 어떻게 MVC를 제공하고 있는지 알아봤다. 그리고 제공되는 현재의 스프링 MVC가 어떤 과정을 거쳐서 오게 됐는 지도 배웠다. ☘️ 잘못된 정보가 있을 수 있습니다 ✔️ 과거 버전 스프링 컨트롤러지금은 전혀 사용하지 않는, 과거에 사용했던 컨트롤러를 사용해보자. ► OldController.class @Component: 스프링 빈으로 등록한다.@Component("/springmvc/old-controller")public class OldController implements Controller { @Override publ.. 2025. 7. 22.

[Spring] (MAC, IntelliJ, vue.js) OpenAPI인 Swagger 적용하고 YAML 작성해보기. Swgger를 사용하여REST API를 작성해보고자 한다.🐠 1. Swagger란?2. Swagger 등록하기3. Swagger 작성 방법4. YAML으로 작성해 보기5. 마무리 1. Swagger란? Swagger는 REST API를 설명하고, 문서화하고, 테스트할 수 있게 해주는 도구이다. Swagger를 사용하면, 만든 API의 명세서를 자동으로 만들어주거나 쉽게 작성할 수 있도록 도와준다. 이때 Swagger는 OpenAPI Specification이라는 표준 명세서 포맷을 사용한다. (그래서일까, OpenAPI라고 부르는 듯하다.) 2. Swagger 등록하기. □ build.gradle에 들어가기. □ dependencies에 코드 등록하기.implementation 'o.. 2025. 7. 17.

이전 1 2 3 4 5 다음

티스토리툴바