웹개발(10)
-
스프링부트) 2개의 데이터베이스 사용하기
레시피 관련 웹 어플리케이션을 만들었는데 포트폴리오가 부족하다는 생각이 들어 쇼핑몰도 구현하려고 한다. 만개의 레시피와 쇼핑몰을 참고해서 마리아DB를 사용해 레시피 용(enlacolocal)과 쇼핑몰(shopping) 데이터베이스를 구분해서 사용하려고 한다. 참고: [JPA/Querydsl] Multiple Databases(다중 DB) 설정하기하나의 Spring 코드에서 여러 개의 DB를 사용해보자! 🌠velog.io [SpringBoot JPA] 다중 DB 설정하기 (multi Datasource + 이기종 DB)간혹 사이트들을 연계해야 할때, 그 중에서도 api 없는 사이트의 데이터를 사용해야할 때, 하나의 웹에서 여러 DB를 연결 시켜 사용해야 할 때가 있다. 간단하게 DB Link 로 해..
2024.06.17 -
스프링부트) 타임리프 1,000단위 쉼표
1000단위마다 쉼표(,)로 끊는 것은 가독성도 좋고 무언가 깔끔해 보인다. 그래서 타임리프로 가져온 수를 천 단위마다 쉼표를 주는 법을 알아보았다.참고:https://hajoung56.tistory.com/62 [Thymeleaf] 숫자 구분자(콤마) 표시 - #numbers.formatInteger / #numbers.formatDecimal타임리프 템플릿을 사용하는 와중에 가격의 천(1000) 단위마다 컴마를 붙여야 할 경우가 있었습니다. 이 외에 타임리프를 사용하다 보면 값을 특정 포맷에 맞춰 표기해야 할 경우가 있습니다. #numhajoung56.tistory.com ※ 큰 도움이 됩니다. #numbers.formatInteger( 가져온 데이터, 최소 자릿수, '콤마' ) ※ 가져온 데이터가..
2024.06.13 -
스프링부트) 타임리프 + 자바스크립트
서버에서 model로 넘긴 값을 view에서는 타임리프로 받아 사용을 하고 있다.그런데 자바스크립트에서 사용하려면 어떻게 해야할까? 1. th:inline="javascript" 추가하기 2. 사용할 객체에 /**/ 를 추가해준다. 3. [[${타임리프 변수}]] 형식으로 변수를 가져온다.
2024.06.10 -
스프링부트) 회원가입 네이버 이메일 인증 2
이어서 html로 확인 해보겠습니다. 이메일 이메일 인증 검사 //이메일 형식 확인하는 함수function validateEmail(email) { const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; return emailRegex.test(email);}async function verifyEmail() { const email = document.getElementById('memail').value; //const email = emailInput.value.trim(); // 입력란의 값을 가져오고, 앞뒤 공백을 제거합니 ..
2024.05.29 -
스프링부트) 회원가입 네이버 이메일 인증 1
네이버로 이메일 인증을 구현해봤습니다. 참고: [프로젝트] 네이버 메일 링크 클릭으로 인증 구현(SpringBoot)개요 SpringBoot 프로젝트에서 메일 인증을 네이버 SMTP 이용해서 구현한다. 따로 인증 코드를 입력하지 않고 인증 링크를 클릭하면 메일 인증 되는 방식으로 진행하였다. 흐름은 다음과 같다. - 회breakthedays.tistory.com JavaMailSender란 녀석을 만났다.프로젝트 진행 중 메일 전송 로직을 개발 해야만 했다. 문자 서비스, 알림톡 서비스와는 다르게 메일 서비스는 무료로 사용 할 수 있는 거 같다. (이메일을 보내는데 우리가 비용을 지불하지 않thecardeveloper.tistory.com※ 봐주시면 큰 도움이 됩니다. 😄😄 큰 흐름은 회원가입 ..
2024.05.29 -
스프링부트) 회원가입 번호인증(2)
직접 인증을 해봤습니다. async function sendSMS() { //사용자로부터 번호를 입력 받는 요소 const phone = document.getElementById("mphone").value; //서버로 보낼 데이터 const data = { phone: phone }; //Fetch API를 사용해 ajax 요청 보내기 fetch("http://localhost:8080/sms-certification/send", { method: "POST", he..
2024.05.23