팀 프로젝트 진행중에 회원가입시 주소를 입력받아야 하는데 그동안 String값으로 주소를
직접입력해서 그 값이 User 테이블 Address값으로 들어갔었다.
문제점 : 오타가 나거나 잘못된 정보가 테이블에 저장이 될 수 있다.
그래서 이런식으로 우편번호와 도로명주소, 지번등을 알 수 있는 api를 찾아보다가
다음에서 제공하는 Javascript API를 사용하였다.
https://postcode.map.daum.net/guide#usage
설명 : Daum 우편번호 서비스는 웹사이트에서 도로명 주소와 우편번호(기초구역번호)를 검색할 수 있는 Javascript API입니다.
위에 주소로 들어가보면 기본사용법, 예제, 테마 등등 정말 잘 나와있었고 예제코드를 기반으로
진행중인 프로젝트 테마에 맞게 css를 수정해서 사용하면 될 것 같다.
프로젝트에 적용하기
thymeleaf에 예제코드를 활용하여 그대로 적용하니 정상적으로 잘 작동하는 것을 확인할 수 있었다.
