본문 바로가기
프로젝트 & 실습/VarChar_JSP_ver_Proj

[프로젝트] 주소 API

by hhyyyjun 2023. 1. 8.

회원가입 시 주소 정보를 저장하도록 하기 위해 다음의 주소 api를 사용하였다.

https://postcode.map.daum.net/guide

 

Daum 우편번호 서비스

우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.

postcode.map.daum.net

카카오 주소 API CDN

1. signup.jsp(회원가입 페이지)

버튼 클릭시 주소 검색하는 api가 실행되도록 하였다.

또한 주소 검색 후 본인의 주소를 클릭 시 주소 데이터가 들어갈 input 태그에 id명 addressinput을 부여하였다.

상세 주소까지 적기 위해 input 태그를 사용하였다.

위에서 검색한 주소와 상세주소를 함께 DB에 저장할 예정이다.

버튼 클릭 시 출력될 다음 주소 api 함수를 작성하였고, 검색한 주소 데이터를 id명이 addressinput인 input 태그의 값으로 삽입하였다.

주소 검색 창

해당 주소 클릭 시 데이터가 빨간 박스 input 태그에 삽입된다. 상세주소는 직접 작성

2. InsertMemberAction.java

주소와 상세주소 파라미터 값을 String 객체에 저장하였고, VO객체 Madd(주소에 해당하는 변수)에 문자열을 이어서 삽입되도록 하였다.

 

댓글