혼자서도 잘해요

자식창에서 Daum&카카오 우편번호 API 사용하기 (우편번호API 오류 해결, ASP.NET) 본문

개발생활/HTML | CSS | 자바스크립트

자식창에서 Daum&카카오 우편번호 API 사용하기 (우편번호API 오류 해결, ASP.NET)

hyed3 2021. 5. 26. 14:13

-> 우편번호 API 기본 사용법

 

Daum&카카오 우편번호 API 사용법(ASP.NET)

https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로

hyed3.tistory.com

 

 

자식창에서 우편번호 API 데이터를 가지고 오려했더니 아무 동작을 하지않는 오류가 났다.

정확히는 API에서 원하는 주소를 검색후, 해당 주소를 클릭하면 창이 자동으로 종료되면서 value 값이 들어와야하는데  내경우 검색한 주소를 클릭하면 창이 자동으로 종료되지않으며 value값도 바뀌지않았다.

(내부코드에 문제가 있어 실행을 못하니 창이 종료되지않은셈이다.)

구글링을 아무리해도 관련글이 없어 과장님께 여쭤봤다.

과장님께서 자식창에서 자식창을 열어 데이터를 가져오는거라 오류가 나는것 같으니 데이터를 가져올때 부모창으로 우회해보라고 하셨다.

그대로 수정했더니 해결!

 

 

- id가 3으로 끝나는곳이 우편번호API 데이터를 저장하고 싶은곳이다.

1. 부모창에 hidden 값 만들어주기.

이곳에 우편번호API 데이터를 저장할것 이다.

 

2. 자식창에서 띄운 우편번호API값을 부모창에 저장한다.

데이터값을 다 저장하면 setAdress()로 넘어간다.

3. 아래는 setAdress().

setAdress()에서는 부모창에 있는 값을 자식창으로 가져온다.

 

즉,

부모창에서 우편번호 API 사용할때는 API -> 부모창

자식창에서 우편번호 API 가져올때는 API -> 부모창 -> 자식창