spring boot 게시판 - 2 <회원 중복 체크 및 유효성 검사>
·
Java/Spring Boot 게시판
https://magicmk.tistory.com/25 Spring boot 게시판 - 1 시스템 구성 Spring boot 2.7.5 Gradle Java 11 Intellij Ultimate 라이브러리 thymeleaf jpa web lombok h2 DB 프로젝트 구조 프로젝트 구조는 위와 같은 구조를 따라갈 것이며 각 내용이 무엇을 하는지는 https://magicmk.t magicmk.tistory.com 전편에 이은 회원 이메일 중복 체크 및 유효성 검사 편이다. 프로젝트를 완성하고 글을 작성하는 게 아니라 만들면서 까먹지 않도록 작성하는 거라 이전 편에 작성했던 코드들이 변경되는 것도 있고 밑에 코드를 추가할 때 너무 길어지지 않도록 기존에 작성한 코드는 제거할 거..
Spring boot H2 DB 설정
·
Java/Spring Boot
Spring boot에서 DB를 무엇을 사용할까 고민하다 가장 간단한 방법인 H2 DB를 연동하였다. 우선 build.gradle에서 dependency를 설정해야 한다. dependency 설정 dependencies { implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'org.springframework.boot:spring-boot-starter-data-jpa' implementation 'org.springframework.boot:spring-boot-starter-web' compileOnly 'org.projectlombok:lombok' runtimeOnly 'com.h2databa..
Intellij Properties 한글 깨짐 현상
·
Etc
인텔리제이 Settings에 들어가서 File Encoding에서 UTF-8로 변경 후 옆에 ascii 체크!
Spring boot 게시판 - 1 < 간단 회원 가입 구현>
·
Java/Spring Boot 게시판
시스템 구성 Spring boot 2.7.5 Gradle Java 11 Intellij Ultimate 라이브러리 thymeleaf jpa web lombok h2 DB 프로젝트 구조 프로젝트 구조는 위와 같은 구조를 따라갈 것이며 각 내용이 무엇을 하는지는 https://magicmk.tistory.com/4 Spring boot 패키지 구조 및 내용 spring boot의 구조를 살펴보고 각 기능별로 살펴보겠습니다. 구조 Spring boot는 목적에 따라 패키지를 따로 생성해서 프로젝트를 관리하는데 크게 나누어 보자면 다음과 같다. Controller DTO Service Reposi magicmk.tistory.com 이 전에 작성한 내용을 보면 이해하기 쉬울 것 같다. 구현 우선 회원가입 관련한..
TypeError: ws.Server is not a constructor
·
JavaScript
웹소켓 서버를 생성 및 구동하려다 해당 오류를 만난다면 살짝만 수정해주면 된다. ws 버전에 관한 문제 // 기존코드 import ws from "ws"; const wws = new ws.Server({ server: HTTPServer, }); 위 코드에서 // 수정코드 import ws, { WebSocketServer } from "ws"; const wws = new WebSocketServer({ server: HTTPServer, }); 위와 같이 변경하면 된다.
Element Resize 시 window resize 이벤트 발생 속도
·
JavaScript
회사 업무를 진행하다가 Element를 리사이징 했을 때 window resize 이벤트가 비정상적인 속도로 실행되어 Canvas의 annotation이 오류를 일으키는 것을 확인하였다. 최초 canvas annotation 부분의 코드를 수정하려고 했는데 해당 부분에는 문제가 없는 것 같아 리사이징 이벤트 자체를 수정하기로 하였다. 브라우저를 리사이징 할 때는 이상이 없지만 Element를 리사이징 했을 때 오류가 발생하는 경우 window resize 이벤트를 약간 수정할 필요가 있다. // 기존 코드 $(window).resize(function() { initializePerfectScroll(); if(false == checkCanvasImageLoaded()) { return; } selec..