[테마제작기(14記)] 회원정보 찾기 페이지 개발 2
링크
https://keenthemes.com/metronic/preview/demo1/index.html (105) https://mansu.kim/entry/%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C-%ED%85%8C%EB%A7%88-%EC%A0%9C%EC%9E%91-14-%ED%9A%8C%EC%9B%90%EC%A0%95%EB%B3%B4-%EC%B0%BE%EA%B8%B0-%ED%8E%98%EC%9D%B4%EC%A7%80-%EA%B0%9C%EB%B0%9C-2 (96)원글(출처) : 그누보드 테마 제작 14 - 회원정보 찾기 페이지 개발 2
오늘은 회원정보 찾기의 로직 부분을 개발했습니다.
지난 회 마지막에 Ajax로 변경개발해야 한다고 생각했었는데요.
다시 생각해보니
로직을 처리할 iframe을 만들고, 그 iframe을 타겟으로 전송하면
많이 안고쳐도 되겠더라구요.
(사실은 Ajax로 바꾸는게 좋을 것 같긴 하나... 시간이 또 오래 걸릴 듯 하여... ㅠㅠ)
방향을 잡았으니 본격적인 개발을 시작합니다.
Action URL을 다시 BBS의 password_lost2.php로 변경하고, target을 잡아줍니다.

action을 원래대로 변경하고, target을 iframe으로 잡아주었다.
위에서 정한 target명으로 iframe을 만듭니다.

회원정보 찾기 로직을 수행할 iframe 생성
그리고 창이 자동으로 닫혀야 하기에,
Submit 버튼이 눌러지면, 창이 닫히는 코드를 추가합니다.

정상 동작 여부 테스트 중 에러가... 어쩐지 쉽게 끝날 것 같더라니...
아... 이런...
Modal의 내용이 변하지 않아,
"Forget ID or Password" 버튼을 여러번 눌러도
같은 캡차코드가 나오는 문제점이 발견되었어요.
(어쩐지 빨리 끝나나 싶었습니다. ㅠㅠ)

captcha reload 버튼을 클릭하도록 하여 변경되도록 처리함.
오잉... 의외로 간단히 해결되었네요.
이번엔 그래도 너무 빨리 끝났습니다.
사실 찜찜한게 하나 있는데...
역시 Ajax로 하는게 더 좋을 뻔 했습니다.
그래야 결과를 받아오는 동안에
화면을 살짝 어둡게 처리하거나, 로딩 중 레이어를 띄우던가 하는 걸 처리할 수 있고,
결과를 받아왔을때 창을 닫을 수 있었을테니까요.
지금처럼 처리하니,
창이 먼저 닫히고 잠시 시간이 흐른 뒤
메일을 발송했다는 얼럿창이 뜹니다. ㅠㅠ
(이것도 기억했다가 나중에 처리해야겠어요~)
댓글 6개
추천 누르고 볼게요 ㅎ
오늘도 저녁에 불멍하고 왔어요 ^^
그래도 성과가 있어서 다행이예요!
게시글 목록
| 번호 | 제목 |
|---|---|
| 16329 |
node.js
Node.js MongoDB 정렬
|
| 16328 |
node.js
정규 표현식으로 필터링
|
| 16327 |
node.js
환경설정 - dotenv
|
| 16326 |
node.js
Node.js MongoDB 쿼리
|
| 16325 | |
| 16324 |
node.js
nodejs MongoDB Find All
|
| 16323 |
node.js
Node.js MongoDB find
|
| 16322 |
node.js
node.js MongoDB _id Field
|
| 16321 |
node.js
node.js MongoDB 여러 문서 삽입
|
| 16320 |
node.js
Node.js MongoDB Insert
|
| 16319 |
node.js
Node.js MongoDB 컬렉션 만들기
|
| 16318 |
node.js
Node.js MongoDB 데이터베이스 생성
|
| 16317 |
node.js
Node.js MongoDB 설치
1
|
| 16316 |
node.js
Node.js 전자 메일 보내기
|
| 16315 |
node.js
Node.js 파일 업로드
|
| 16310 |
node.js
node.js 이벤트 모듈
|
| 16309 |
node.js
node.js NPM
|
| 16308 |
node.js
node.js 파일삭제, 파일 이름 바꾸기
|
| 16305 |
node.js
nodejs 기초문법 - 클래스
3
|
| 16304 |
node.js
nodejs 기초문법 - 조건문 반복문
|
| 16303 |
node.js
nodejs .기초문법 변수선언 , 함수선언
|
| 16302 |
node.js
nodejs 파일 업데이트
|
| 16301 |
node.js
nodejs 파일 만들기
|
| 16300 |
node.js
nodejs 파일 읽기
1
|
| 16299 |
node.js
Node.js 쿼리 문자열 읽기 , 쿼리 문자열 분할하기
|
| 16298 |
node.js
NOde.js HTTP 모듈
|
| 16297 |
node.js
Node.js 모듈
|
| 16295 |
node.js
nods.js 시작하기
|
| 16294 |
node.js
node.js 란 2번째
|
| 16293 |
node.js
Node.js란
1
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기