본문 바로가기
공부/WEB개발 과제

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

by TILDA_16 2023. 4. 23.

회원가입에 주소검색을 추가시켜서 주소를 입력받을 수 있게 수정을 할 것이다.

 

user 테이블 수정

먼저 user 테이블을 수정을 해줬다.

 

address 컬럼에 회원가입 시 입력받은 주소가 들어갈 것이고

 

ZIPCODE라는 테이블에 주소 DB를 넣을 것이다.

 

ZIPCODE 테이블

이렇게 테이블을 만들어주고 우체국 홈페이지에 가서 지역별 주소 DB를 받아온다.

 

그리고 LOAD DATA 명령어를 이용하여 ZIPCODE 테이블에 데이터를 넣어준다.

 

데이터를 추가한 화면

주소검색을 위한 데이터는 입력되었으므로 회원가입폼을 수정해 주겠다.

 

onclick을 이용하여 주소 검색 창을 누르면 새창이 팝업 되게 만들었다.

 

수정된 회원가입 페이지

팝업창이 나오면 주소를 검색하면 된다.

주소검색 팝업창

지금까지 작업한건 주소 DB를 구축하고 회원가입 창에서 주소 검색창을 출력시켜서 검색을 할 수 있게 만들었고

 

앞으로 해야할거는 주소 검색창에서 주소를 입력하고 클릭하면 세부주소를 입력받고 회원가입 시 DB에 같이 추가되도록 수정하는 과정을 진행할 것이다.