본문 바로가기

SpringMVC35

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

[Spring] 김영한 스프링 MVC_ 섹션5. MVC 프레임워크 만들기 섹션 5는 현재의 Spring MVC까지 오게된 과정을 차근차근 살펴봤다. 앞서 배운 점에서 가장 큰 변화는 프론트 컨트롤러가 추가되었다는 것이다. 요청과 응답을 컨트롤러에서 처리했던 것과 달리 프론트 컨트롤러에 역할을 전가해 개발자는 점점 편리하게 컨트롤러를 작성할 수 있게 되었다. 그리고 중복되는 코드를 최대한 줄이며 점진적인 구조적 변화를 주었다. ☘️ 잘못된 정보가 있을 수 있습니다 ✔️ V1_ 프론트 컨트롤러를 도입하자.프론트 컨트롤러로 요청을 받아 알맞는 컨트롤러를 찾아 호출한다.나머지 컨트롤러는 서블릿을 사용하지 않는다. ► ControllerV1.interfacepublic interface ControllerV1 { void process(HttpServletRequest r.. 2025. 7. 14.

[Spring] (MAC, IntelliJ, vue.js) Spring boot로 프로젝트 만들고, vue.js 설치와 프로젝트 열기. 이번에 만들 웹사이트는vue.js를 사용할 것이다🐠 1. 만들고자 하는 것은? 회원가입 웹사이트를 만들고자 한다. Vue.js를 사용하여 프론트 공부를 하면서, 간단한 회원가입과 로그인을 수행하는 웹사이트를 만들 것이다. 대부분의 웹사이트에 회원가입과 로그인 기능은 필요하니 다른 프로젝트를 하게 돼도 미리 만들어두면 편리할 것 같다.간편 로그인, 회원가입 기능을 제공하는 것이 이번 프로젝트의 목표이며, Vue의 사용 방법을 터득하고 어떻게 흘러가는지 파악하고자 한다. 2. Spring initializr 생성하기. □ https://start.spring.io/ □ dependencies 설정하기. dependencies { implementation 'org.springfr.. 2025. 7. 10.

이전 1 2 3 4 5 6 다음

티스토리툴바