■ [쓰기폼] 주소 입력항목 넣기
템플릿을 활용하여 쓰기폼에 주소 입력항목을 넣어보겠습니다.
① 임포트복사
쓰기페이지를 보고있는 상태에서 페이지편집 클릭 > 좌측의 전체보기, 편집버튼노출 체크
> D,I,F 중 I버튼 클릭 > 임포트복사 클릭 > 복사가 완료되면 F버튼 클릭하여 쓰기폼 편집화면으로 이동
② 템플릿복사
아무 D버튼 클릭 > 템플릿복사 > G)게시판폼 > B,입력폼
> 우편번호,주소,상세주소 항목이 하나로 묶여있는 DIV의 D클릭 > 원하는 위치에 붙여넣기
③ 주소검색 버튼 수정
'주소검색' 버튼항목 클릭 > 수정 > A tag 속성 입력란에 적힌 내용 중 zonecode와 address 수정
1) zonecode:'필드명' 작은따옴표 안에 우편번호값을 저장시킬 필드명 입력
예시) zonecode:'etc_1'
2) address:'필드명' 작은따옴표 안에 주소값을 저장시킬 필드명 입력
예시) address:'etc_2'
④ 우편번호 필드 수정
1) 우편번호 입력항목 클릭 > 수정 > 필드명 입력란에 ③-1) zonecode:'필드명' 에 적은 것과 동일한 필드명 입력
예시) etc_1
2) 속성 입력란에서 id="" 내용을 찾아서 ③-1) zonecode:'필드명' 에 적은 것과 동일한 필드명을 큰따옴표 안에 입력
예시) id="etc_1"
3) 속성 입력란에서 onclick="" 내용을 찾아서 '③ 주소검색버튼' 의 A tag 속성 입력란에 적은 내용으로 대체
예시) onClick="showDaumPostcode({zonecode:'etc_1',address:'etc_2'});"
⑤ 주소 필드 수정
1) 주소 입력항목 클릭 > 수정 > 필드명 입력란에 ③-2) address:'필드명' 에 적은 것과 동일한 필드명 입력
예시) etc_2
2) 속성 입력란에서 id="" 내용을 찾아서 ③-2) address:'필드명' 에 적은 것과 동일한 필드명을 큰따옴표 안에 입력
예시) id="etc_2"
3) 속성 입력란에서 onclick="" 내용을 찾아서 '③ 주소검색버튼' 의 A tag 속성 입력란에 적은 내용으로 대체
예시) onClick="showDaumPostcode({zonecode:'etc_1',address:'etc_2'});"
⑥ 상세주소 필드 수정
1) 상세주소 입력항목 클릭 > 수정 > 필드명 입력란에 필드명 입력
예시) etc_3
2) 속성 입력란에서 id="" 내용을 찾아서 ⑥-1)에 적은 것과 동일한 필드명을 큰따옴표 안에 입력
예시) id="etc_3"