주소 필드
정확하고 유연하게 전체 주소를 수집하세요. 국제 주소부터 국가별 형식까지, 스마트 사전 설정, 주 드롭다운, 우편번호 유효성 검사 및 자동 완성 기능을 갖춘 주소 필드는 최적화된 레이아웃과 전 세계 지원을 통해 포괄적인 위치 정보 수집을 가능하게 합니다.
글로벌 지원을 제공하는 전문 주소록 수집 서비스
완벽하게 :
모든 사용 사례에 적합한 강력한 기능
🌍 스마트 국가별 사전 설정
최적화된 사전 설정 3개 + 사용자 지정 설정:
- 국제 노동자 동맹 – 전 세계에서 사용 가능한 표준 주소 입력란입니다. 국가 선택 기능과 유연한 우편번호 유효성 검사를 포함한 모든 구성 요소가 포함되어 있습니다.
- United States - 미국 주소에 최적화되어 있으며, 50개 주 드롭다운 메뉴, 우편번호 유효성 검사, 그리고 친숙한 필드 레이블(주, 우편번호)을 제공합니다.
- Canada - 캐나다 주소에 최적화되어 있으며, 주/준주 선택 드롭다운 메뉴, 우편번호 형식 유효성 검사(A1A 1A1) 및 정확한 라벨링 기능을 제공합니다.
- 관습 – 모든 구성 요소를 완벽하게 제어할 수 있습니다. 모든 필드를 활성화/비활성화하고, 레이블을 사용자 지정하고, 유효성 검사 규칙을 선택하고, 특정 요구 사항에 맞는 완벽한 주소 형식을 만들 수 있습니다.
프리셋이 중요한 이유:
- 일반 영역에 대한 즉시 설정
- 국가별 적절한 필드 레이블
- 정확한 유효성 검사 규칙
- 주/도 드롭다운 메뉴가 포함되어 있습니다.
- 우편번호 형식 검사
쉬운 전환:
폼 제작 중 언제든지 프리셋을 변경할 수 있습니다. 각 프리셋은 모든 설정을 자동으로 적절하게 구성합니다.
📝 유연한 주소 구성 요소
표시할 필드를 선택하세요:
주소 1 – 도로명 주소 (항상 표시, 필수)
주요 도로명 주소(번지 및 도로명 포함).
주소 2번째 줄 – 아파트, 스위트룸, 유닛 (선택 사항)
"4B호" 또는 "200호"와 같은 추가 주소 정보.
도시 – 도시 이름 (항상 표시되며 필수 입력 사항입니다)
도시, 시 또는 지역 이름.
주/도/지역 – 주, 도, 지역 (선택 사항)
행정 구역 – 미국/캐나다의 경우 드롭다운 메뉴로 표시되고, 국제의 경우 텍스트 입력란으로 표시됩니다.
우편번호 – 우편번호 (선택 사항)
우편번호(ZIP 코드, 우편 코드 또는 국가별 유효성 검사가 포함된 우편 코드).
국가 – 국가 선택 (선택 사항)
195개 이상의 국가가 포함된 드롭다운 메뉴입니다. 단일 국가 양식의 경우 이 옵션을 숨길 수 있습니다.
조직 – 회사명 (선택 사항)
사업체 또는 조직명 (상업용 주소의 경우).
믹스 앤 매치:
필요한 구성 요소만 활성화하세요. 거리와 도시 이름만 수집하거나 모든 세부 정보가 포함된 전체 국제 주소를 수집할 수 있습니다.
🎯 주/도 드롭다운 메뉴
정확한 영역 선택:
미국 주 선택 드롭다운:
미국 50개 주와 워싱턴 D.C., 미국령, 군사 주소까지 모두 포함합니다. 사용자는 직접 입력하는 대신 드롭다운 메뉴에서 선택하여 일관된 데이터 입력을 보장합니다.
캐나다 주:
10개 주와 3개 준주 모두의 약어가 정확하게 표기되어 있습니다. 드롭다운 메뉴를 통해 오타 및 변형을 방지할 수 있습니다.
드롭다운 메뉴를 사용하는 이유:
- 일관된 데이터 형식(약어)
- 철자 오류 없음
- 더 쉬운 데이터 처리
- 전문적인 외관
- 더 나은 사용자 경험
텍스트 입력 대체 방법:
해외 주소 또는 사용자 지정 지역의 경우, 해당 필드는 모든 지역 이름을 입력할 수 있는 텍스트 입력란으로 표시됩니다.
📏 두 가지 주소 지정 모드
구조화된 모드(기본값):
주소의 각 구성 요소에 대해 여러 개의 개별 입력 필드가 있습니다. 사용자는 지정된 필드에 거리, 도시, 주, 우편번호를 입력합니다.
이점:
- 명확하고 친숙한 레이아웃
- 개별 필드 유효성 검사
- 완료하기 쉽습니다
- 브라우저 자동 완성 기능이 완벽하게 작동합니다.
- 전문적인 외관
한 줄 모드:
사용자가 전체 주소를 입력하는 단일 텍스트 입력란입니다. 시스템은 서버 측에서 주소를 구성 요소별로 파싱합니다.
이점:
- 가장 빠른 가입 방법
- 복사 붙여넣기 용이
- 최소한의 형태적 특징
- 간단한 주소에 적합합니다.
사용 사례:
구조화 된: 전자상거래, 배송, 공식 양식
한 줄: 간편 문의 양식, 자유로운 제출
🎨 두 가지 레이아웃 스타일
세로형 적층 레이아웃:
주소 입력란은 한 줄에 하나씩 세로로 배열됩니다. 가장 전통적이고 가독성이 좋은 레이아웃입니다.
가장 좋은 대상 :
- 모바일 우선 양식
- 입력란이 많은 긴 양식
- 최대 가독성
- 터치 친화적인 간격
인라인 레이아웃(가로):
주소 입력란이 도시, 주, 우편번호가 같은 줄에 가로로 배열되어 있습니다. 간결하고 전문적인 디자인을 제공합니다.
가장 좋은 대상 :
- 데스크톱에 최적화된 양식
- 컴팩트한 형태 디자인
- 전문적인 애플리케이션
- 다중 열 레이아웃
반응적 행동:
두 레이아웃 모두 모바일 화면에 자동으로 맞춰지며, 최적의 모바일 환경을 위해 필요에 따라 세로로 쌓이는 기능을 제공합니다.
🌐 195개국 이상 지원
국가별 종합 목록:
아프가니스탄부터 짐바브웨까지 전 세계 모든 국가와 모든 영토 및 지역을 포함하는 전체 드롭다운 메뉴입니다.
국가별 특징:
- 국가 전체 이름
- ISO 국가 코드
- 알파벳순으로 정렬됨
- 검색 가능한 드롭다운
- 기본 국가 설정
국가 필드 숨기기:
단일 국가 비즈니스의 경우, 국가 필드를 숨기고 기본 국가를 설정하세요. 사용자는 해당 필드를 볼 수 없지만 데이터에는 국가 정보가 자동으로 포함됩니다.
동적 레이블 업데이트:
국가가 변경되면 필드 레이블이 자동으로 업데이트됩니다(주/도/지역, 우편번호 등).
✅ 스마트 우편번호 유효성 검사
국가별 검증:
미국 우편번호:
5자리(12345) 또는 9자리(12345-6789) 형식의 우편번호를 검증합니다. 미국 우편번호 구조가 올바른지 확인합니다.
캐나다 우편번호:
A1A 1A1 형식의 문자-숫자-문자 패턴 및 간격이 올바른지 확인합니다.
영국 우편번호:
다양한 영국 우편번호 형식(SW1A 1AA, M1 1AA 등)이 올바른 구조를 가지고 있는지 검증합니다.
국제 노동자 동맹:
전 세계 다양한 우편번호 형식을 지원하는 유연한 유효성 검사 기능.
오류 메시지 지우기:
사용자는 "유효한 우편번호(12345 또는 12345-6789)를 입력하세요"와 같은 구체적인 유효성 검사 오류 메시지를 즉시 보게 됩니다.
🔄 브라우저 자동 완성 기능 통합
기본 브라우저 지원:
주소 필드에는 적절한 HTML5 자동 완성 속성이 포함되어 있습니다. 브라우저는 저장된 주소를 자동으로 제안합니다.
자동 완성 기능:
- 주소 제안
- 도시 자동 완성
- 주/도 완료
- 우편번호 추천
- 국가 선택
- 조직 이름
개인 정보 보호:
사용자는 브라우저가 주소를 저장할지 여부를 제어할 수 있습니다. 이 양식은 브라우저의 개인정보 보호 설정을 준수합니다.
더 빠른 완료:
기존 사용자는 저장된 주소 중에서 선택하여 몇 초 만에 주소를 입력할 수 있습니다.
🔀 조건 논리
동적 주소 표시:
다른 양식 값에 따라 주소 입력란을 표시하거나 숨길 수 있습니다. 배송 주소는 필요할 때만 표시하고, 청구 주소는 조건에 따라 표시합니다.
고급 논리 규칙:
- AND 논리 – 모든 조건이 충족되어야 합니다
- OR 논리 – 어떤 조건이든 해당 동작을 트리거할 수 있습니다.
- 8가지 연산자 - 같음, 같지 않음, 보다 큼, 보다 작음, 포함, 비어 있음 등
사용 사례:
- "청구 주소와 동일" 확인란이 선택 해제된 경우에만 "배송 주소"를 표시합니다.
- 고객 유형이 "사업자"인 경우 "사업체 주소"를 표시합니다.
- 서비스 유형에 따라 여러 위치가 필요한 경우 "보조 주소"를 표시합니다.
- 국가가 거주 국가와 같을 경우 "국제 주소"를 숨깁니다.
🎯 향상된 사용자 경험
내장된 스마트 기능:
- 필수 입력 항목 표시 – 필수 입력 항목에는 별표(*)가 표시됩니다.
- 현장 수준 검증 – 구성 요소별 즉각적인 피드백
- 자리 표시자 텍스트 – 각 필드에 대한 유용한 힌트
- 탭 탐색 – 키보드 친화적인 필드 이동
- 사용자 지정 CSS 클래스 - 주소 컨테이너에 스타일 적용
- 접근성 지원 - ARIA 라벨, 화면 낭독기 호환
- 모바일 최적화 - 터치 친화적이며 적절한 키보드를 제공합니다.
- 복사-붙여넣기 지원 – 전체 주소를 자동으로 구문 분석합니다(한 줄 모드).
- 도움말 텍스트 - 주소 요구 사항에 대한 설명을 추가하세요
- 레이블 사용자 지정 - 모든 필드 레이블 텍스트를 변경하세요
간단한 3단계 설정
몇 분 만에 주소 입력란을 준비하세요
주소 필드 추가
고급 필드 섹션에서 주소 필드를 드래그하여 양식에 놓으세요.
사전 설정 선택
주요 고객층의 위치에 따라 사전 설정(국제, 미국, 캐나다 또는 사용자 지정)을 선택하세요.
구성 요소 설정
주소의 특정 부분(주소 2행, 국가, 조직)을 활성화/비활성화하고, 레이아웃 스타일(스택형 또는 인라인형)을 선택하고, 필요한 경우 기본 국가를 설정할 수 있습니다.
🎉 이제 끝입니다! 스마트 유효성 검사 및 글로벌 지원 기능을 갖춘 주소 입력란이 준비되었습니다.
실제 애플리케이션
전자상거래 및 배송
* 배송지 주소 수집
* 청구지 주소 입력
* 다중 주소 관리
* 배송지 정보
교육용 애플리케이션
* 학생 기숙사 정보
* 부모 주소 수집
* 캠퍼스 주소 데이터
* 졸업생 연락처
의료 및 서비스
* 환자 주소 정보
* 서비스 위치 데이터
* 가정 방문 주소
* 배송지 주소
정부 및 법률
* 공식 주소 수집
* 거주지 확인
* 부동산 주소 데이터
* 법률 문서 제출
고객 등록
* 계정 등록 주소
* 프로필 위치 데이터
* 연락처 정보
* 우편 주소 수집
사업자 등록
* 회사 본사 주소
* 지점 위치 정보
* 사무실 주소 수집
* 사업자 등록 신청서
필드 옵션 완료
기본 구성
- 필드 레이블 – 주소 필드 위에 표시되는 제목
- 설명/도움말 텍스트 – 주소 요건에 대한 추가 안내
- 필수 입력 항목 – 주소 입력을 필수로 설정합니다.
- 자리 표시자 – 개별 주소 구성 요소에 대한 힌트
주소 사전 설정
- 최적화된 구성을 선택하세요:
- 국제 표준 필드 - 전 세계적으로 사용되는 표준 필드
- 미국 – 미국 최적화 (주별 드롭다운 메뉴 포함)
- 캐나다 – 주별 드롭다운 메뉴가 있는 캐나다 최적화
- 사용자 지정 - 모든 설정에 대한 완벽한 제어
주소 구성 요소(사용자 지정 사전 설정 또는 고급 설정)
주소 구성 요소 중 어떤 부분을 포함해야 할까요?
- 주소 1 – 도로명 주소 (항상 표시, 필수)
- 주소 2번째 줄 – 아파트/스위트/유닛 (선택 사항)
- 도시 – 도시 이름 (항상 표시되며 필수 입력 사항입니다)
- 주/도/지역 – 행정 구역 (선택 사항)
- 우편번호 – 우편번호 (선택 사항)
- 국가 – 국가 선택 (선택 사항)
- 기관명 – 회사/기관명 (선택 사항)
주/도 옵션
주별 드롭다운 메뉴 사용 - 텍스트 입력란 대신 드롭다운 메뉴를 표시합니다(미국/캐나다 사전 설정은 자동으로 활성화됩니다).
국가 설정
- 국가 필드 표시 – 국가 선택기 표시
- 기본 국가 – 특정 국가를 미리 선택하세요
- 허용 국가 – 특정 국가로 제한 (195개국 이상인 경우 모두 비워 두세요)
주소 모드
- 구조화된 형식 – 여러 입력 필드 (권장)
- 한 줄 입력 – 구문 분석 기능이 있는 단일 텍스트 입력
필드 레이아웃 (구조화 모드에서만 사용 가능)
- 세로형 레이아웃 - 한 줄에 한 필드씩 배치
- 인라인 – 가로형 레이아웃, 컴팩트한 디자인
라벨 맞춤화
- 각 구성 요소의 텍스트를 사용자 지정하세요.
- 주소 1번째 줄 레이블(기본값: "주소 1번째 줄")
- 주소 2번째 줄 레이블(기본값: "주소 2번째 줄")
- 도시 레이블(기본값: "도시")
- 주(State) 레이블(기본값: "State" 또는 "Province")
- 우편 라벨(기본값: "ZIP 코드" 또는 "우편번호")
- 국가 레이블(기본값: "국가")
- 조직 레이블(기본값: "회사/조직")
유효성 검사 설정
- 우편번호 유효성 검사 - 국가별 형식 확인
- 필수 구성 요소 – 개별 필드를 필수 항목으로 표시하세요
- 브라우저 자동 완성 - 기본 브라우저 주소 제안 기능을 활성화합니다
조건부 논리
- 조건부 로직 활성화 - 조건에 따라 표시/숨기기
- 논리 유형
- 모든 조건이 충족되어야 합니다(AND)
- 어떤 조건이든 충족될 수 있습니다(또는)
- 조건 규칙
- 표시/숨기기 – 취할 조치
- 필드 – 어떤 필드를 선택할지
- 연산자 – 같음, 같지 않음, 포함, 보다 큼, 보다 작음, 비어 있음, 비어 있지 않음
- 가치 – 비교 가치
- 다중 조건 – 규칙을 무제한으로 추가 가능
고급 옵션
- 사용자 지정 CSS 클래스 – 컨테이너 주소에 사용자 지정 스타일을 적용합니다.
- 접근성 속성 – 화면 판독기를 위한 ARIA 레이블
- 필드 순서 – 주소 구성 요소 재정렬(사용자 지정 사전 설정)
저희 주소 입력란을 선택해야 하는 이유는 무엇일까요?
✅스마트 프리셋 – 국제, 미국, 캐나다에 최적화된 구성
✅Flexible Components – 주소 부분의 활성화/비활성화
✅주 드롭다운 메뉴 – 미국 50개 주, 캐나다 13개 주/준주
✅글로벌 서포터들 – 적절한 라벨을 부착한 195개국 이상
✅우편 유효성 검사 – 국가별 형식 검사
✅두 가지 모드 구조화된 필드 또는 한 줄 입력
✅두 가지 레이아웃 - 적층형 또는 일렬형 배열
✅자동 완성 준비 완료 – 브라우저 주소 자동 완성 기능이 완벽하게 작동합니다.
✅완전 통합 – 모든 폼 기능과 완벽하게 호환됩니다
자주 묻는 질문
질문: 프리셋 간의 차이점은 무엇인가요?
International은 국가 선택기를 통해 전 세계에서 작동합니다. 미국 사전 설정은 50개 주 드롭다운 메뉴와 우편번호 유효성 검사를 통해 미국 주소에 최적화되어 있습니다. 캐나다 사전 설정에는 주 드롭다운 메뉴와 캐나다 우편번호 규칙이 포함되어 있습니다. 사용자 지정은 모든 설정을 직접 지정할 수 있도록 합니다.
질문: 국가 필드를 숨길 수 있나요?
예. 특정 국가만 사용하는 경우 "국가 표시" 옵션을 비활성화하고 기본값을 선택하세요. 사용자는 해당 국가를 볼 수 없지만, 제출된 데이터에는 국가 정보가 자동으로 포함됩니다.
질문: 주 드롭다운 메뉴는 어떻게 작동하나요?
미국 및 캐나다 사전 설정은 주 또는 지방 전체 목록을 드롭다운 메뉴로 제공합니다. 국제 모드는 표준 텍스트 입력란을 사용하므로 사용자가 지역 이름을 자유롭게 입력할 수 있습니다.
질문: 한 줄 모드란 무엇인가요?
이 시스템은 모든 주소 구성 요소를 사용자가 전체 주소를 입력하는 하나의 텍스트 필드로 대체합니다. 그러면 시스템이 서버 측에서 해당 주소를 개별 부분으로 분해합니다.
질문: 일부 필드를 선택 사항으로 만들 수 있나요?
예. 사용자 지정 설정 또는 고급 설정에서 필수 또는 선택 항목을 선택할 수 있습니다. 주소 1행과 도시는 항상 필수 항목입니다.
질문: 우편번호 유효성 검사는 어떻게 작동하나요?
이 시스템은 선택된 국가에 따라 형식을 검증합니다. 미국 우편번호는 5자리 또는 9자리 숫자가 필요하고, 캐나다 우편번호는 A1A 1A1 형식을 따르며, 영국 우편번호는 영국 표준을 따릅니다.
질문: 필드 레이블을 사용자 지정할 수 있나요?
네. 지역에 맞게 레이블 이름을 변경하세요. 예를 들어, ZIP Code를 Postcode로, State를 Province로 변경하면 됩니다.
질문: 어떤 국가들이 지원 대상인가요?
영토 및 지역을 포함한 195개 이상의 모든 국가가 정확한 이름과 ISO 코드로 표기되어 있습니다.
질문: 브라우저 자동 완성 기능이 작동하나요?
예. 브라우저가 저장된 주소를 자동으로 제안할 수 있도록 적절한 자동 완성 속성이 포함되어 있습니다.
질문: 여러 주소를 수집할 수 있나요?
네. 청구지 주소, 배송지 주소 등 여러 주소 입력란을 추가할 수 있습니다. 필요에 따라 조건부 논리를 사용하여 해당 입력란을 표시하거나 숨길 수 있습니다.
질문: 스택형 레이아웃에서 인라인 레이아웃으로 어떻게 변경하나요?
"필드 레이아웃"을 선택하고 가로 배치를 원하면 인라인으로, 세로 배치를 원하면 스택형으로 전환하세요. 두 레이아웃 모두 모바일 기기에 맞게 자동으로 조정됩니다.
질문: 이 제품을 해외 비즈니스에 사용할 수 있나요?
예. 국제 사전 설정은 모든 국가를 지원하며, 선택한 국가에 따라 유효성 검사가 자동으로 조정됩니다.
