본문 바로가기

분류 전체보기102

ajax 통신시 URI로 이메일 문자열 보낼시 dot(.) 이하문자삭제 문제 바쁘신분들을 위한 문제 해결방법 // PathVariable로 받는 변수 뒤에 :.+ 를 붙인다. @GetMapping(value = "/signUp/email/{email:.+}") 회원가입 기능 중 이메일 중복확인 기능을 추가하였으며 중복확인을 위해서 데이터통신을 위해 ResponseBody를 선언하여 확인 후 존재여부 결과를 보내주는 처리과정을 설계하고 진행했습니다. 하지만 클라이언트에서 이메일 형식의 문자열을 보낼 경우 2가지 상황에서의 문제가 발생했다. 1. produces 설정 @GetMapping(value = "/signUp/email/{email}", produces = MediaType.TEXT_PLAIN_VALUE) @ResponseBody public ResponseEntity is.. 2021. 3. 25.
우편번호 서비스 API ( kakao ) 회원가입을 구현할 때 사용자의 주소를 직접 입력하는 경우는 요즘 드물다. 요즘에는 특정 주소를 검색하면 해당 주소의 우편번호 및 상세주소들의 정보를 제공하는 API가 많이있는데 그 중에서도 카카오에서 지원하는 API가 가장 간단하고 따라서 구현하기 쉽습니다. 오늘 회원가입 페이지를 구현하면서 해당 API를 사용해봤습니다. function openAddressSearchWindow() { new daum.Postcode({ oncomplete: function(data) { console.log(data); var roadAddr = data.roadAddress; // 도로명 주소 변수 var extraRoadAddr = ''; // 참고 항목 변수 // 법정동명이 있을 경우 추가한다. (법정리는 제외).. 2021. 3. 24.
MyBatis) MySQL로 Insert한 데이터의 자동생성된 pk 값 가져오기. 데이터베이스 중에서 MySQL 처럼 PK값을 자동생성해서 사용하는 DB가 있습니다. 주로 Insert를 했을 떄 자동생성되어 1,2,3,4,5,6 이런식으로 값이 생성되는데 insert를 했을 경우 해당 데이터를 즉시 조회하면 정확한 pk값을 추출해 낼 수 없습니다. pk값을 추려내려는 방법은 구글링을 해보면 다양합니다. max() 를 사용하는 방법이나 last_insert_id() 를 사용하는 방법 등등이 있는데 오늘은 MyBatis를 사용해서 공부하는 도중에 발견한 새로운 방법을 써보려고 합니다. 방법은 2가지로 Boot에서 MyBatis를 사용할 때 Annotation으로 쓰는방식과 Spring에서 XML 방식으로 나눠서 보여드리겠습니다. // Boot ( Annotation ) @Insert("i.. 2021. 3. 22.
MyBatis로 DB 칼럼 과 Java Property mapping 방법( XML, Annotation) Spring은 Spring Boot의 JPA처럼 서버구동시 hibernate가 자동으로 연관관계매핑을 시켜주지 않는다. Spring Boot 또한 JPA를 주입하지 않으면 자동으로 테이블이 매핑되지 않고 자동으로 생성되지도 않는다. 실무에서도 쓰이는 코드의 형식을 알려주는 주제로 만들어진 강의영상을 보았다. 해당 영상은 Boot의 MyBatis를 활용하여 XML방식이 아닌 SQL Mapper를 Annotation 방식으로 만들었는데. Spring에서도 다른코드지만 같은데이터를 가져다 줄 수 있는 코드가 있을거같아서 직접 구현을 해보았다. // Boot ( Annotation 방식 ) @Data public class Company { // 3개의 프로퍼티를 갖는 클래스 생성 private int id; .. 2021. 3. 22.
this, $(this) 의 차이 this는 자바스크립트의 문법, $(this) 는 JQuery의 문법으로 명칭은 비슷해 보인다. 그러나 다른 데이터를 보여주는데... 사실 비교적 간단하다.. filterSelect.on("change", function(e) { console.log(this); console.log($(this)); }) 개발자 도구를 살펴보면 추출되는 데이터가 다른것을 알 수 있는데. this의 경우 해당 이벤트가 발생한 요소를 표시해주고 $(this)는 이벤트가 발생하면 발생한 태그를 Object 형태로 감싸서 보여준다는게 다른점이다. this와 같은 데이터를 갖기 위해서는 $(this)[0] 을 사용하면 된다. this === $(this)[0] 2021. 3. 22.
<select>태그의 option의 value 값 // 추가 작성내용 굳이 this를 사용하지 않고 다른 방법으로도 value을 얻어왔다.. 만약 select태그를 div부모로 감싸고 있다고 가정하면 2021. 3. 22.

티스토리툴바