공부/WEB개발 과제

[4주차-3] 회원가입 기능 만들기 4

TILDA_16 2023. 4. 25. 23:31

 

주소 검색 기능이 추가된 회원가입의 전체적인 과정

 

위의 사진은 전체적인 진행 과정이다.

 

검색 버튼을 누르면 새 창이 열리고

 

새 창에서 주소를 검색하면 링크가 걸려서 결과가 출력된다.

 

링크를 누르면 그 값이 주소 검색 폼에 저장이 되고 나머지 값을 입력하면 회원가입에 성공한다.

 

process_address.php 수정

39 echo $sel_add;를 링크를 걸어서 출력되게 수정(a태그를 php 밖으로 꺼내니까 작동했다.)

 

링크된 주소를 누르면 스크립트로 넘어가서 클릭한 주소의 정보를 object.innerText를 이용하여 가져온다.

 

이 값이 회원가입창의 주소 검색에 들어가고 나머지 세부주소를 입력하면 된다.

 

 

회원가입 페이지를 수정하였다.

 

스크립트 코드를 수정하고 주소창을 누르면 주소검색이 나오는 게 아닌 버튼을 누르면 나오게 변경하였다.

회원가입 페이지 수정

그에 맞춰서 주소를 받아오고 DB에 저장할 수 있게 process_create.php를 수정하였다.

주소 검색으로 찾은 주소와 세부 주소는 여기로 받아와서 서로 합쳤다.

process_create.php 수정