정보보안 스터디 - 5주차 3일 - 주소 검색 기능 마무리

 

 

기존에 있던 기능에 부트스트랩을 이용해

로그인 페이지 디자인을 입혔습니다.

 

또한 기능에 대한 세부적인 디테일을 수정했습니다.

 

 

 

주소 직접 입력 제한

주소를 검색해서 입력해야하는데 고의로 직접 입력할 수 있어서,

입력기능을 차단하기 위해서 입력값 제한을 0으로 하였습니다. 

 

주소 폼을 클릭하기만 해도 자바스크립트 함수로 연결되서 창이 열리게 했습니다. 

 

 

 

 

 

지난 번에 구현한 리스팅기능을 주소 검색 결과에 추가했습니다.

테이블로 감싸서 결과를 불러왔습니다.

리스팅 기능이 잘 작동하는 것을 볼 수 있습니다.

 

 

 

 

 

기존 페이지에 주소 전달

새창으로 검색한 주소를 사용하기 위해서 

주소를 원래 페이지에 전달 해야합니다.

 

사용하기를 누르면 자바스크립트 use함수가 실행됩니다.

 

원래 페이지를 부모 변수로 지정했습니다.

원래 페이지의 address라는 입력폼으로 주소를 전달하고 열린 창은 자동으로 닫습니다.

 

입력값이 잘 전달됐습니다.

 

 

 

 

입력 값 유지

 

회원가입 정보를 잘 못 적어서 제출했을 때

그냥 location.href로 리다이렉트하면 입력했던 값이 다 사라집니다. 

 

 

 뒤로 돌아가면서 입력값을 유지시키면서

자바스크립트 history.back 으로 바꿔줍니다.

 

 

 

 

주소, 상세주소 합쳐서 등록

 

 

DB에 회원정보를 넣을 때, 주소와 상세주소를 따로가 아닌

하나의 데이터로 저장하려면 주소끼리 더해줍니다.

 

 

 

 

 

 

로그인이 성공하면 세션이 생성되고 main 화면으로 이동합니다.

로그인이 되었을 때만 회원 권한으로 회원 리스트를 확인 할 수 있습니다.