■ [쓰기폼] 주소 입력항목 넣기

템플릿을 활용하여 쓰기폼에 주소 입력항목을 넣어보겠습니다.

 

 

① 임포트복사 

쓰기페이지를 보고있는 상태에서 페이지편집 클릭 > 좌측의 전체보기, 편집버튼노출 체크 

> 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"