이메일 서명 생성기의 작동 방식과 구성 요소
이메일 서명 생성기는 개인 정보와 연락처를 입력하여 전문적인 이메일 서명을 HTML 형식으로 제작하는 도구입니다. 사용자가 입력한 정보를 바탕으로 서명이 생성되며, 생성된 HTML 코드를 복사하여 사용 중인 이메일 애플리케이션에 붙여넣어 적용할 수 있습니다. 최종 코드를 확정하기 전에 넓은 화면과 좁은 화면 레이아웃에서 서명이 어떻게 표시되는지 시각적으로 미리 확인할 수 있습니다.
서명을 구성하는 입력 항목은 다음과 같습니다:
- 전체 이름: 필수 입력 항목이며, 수신자에게 보여줄 이름을 그대로 입력합니다.
- 직함: 선택 사항입니다.
- 전화번호: 선택 사항이며, 수신자가 클릭하여 바로 전화를 걸 수 있도록 하려면
+와 국가 번호로 시작하는 국제 전화번호 형식을 사용합니다. - 이메일: 선택 사항입니다.
- 웹사이트: 선택 사항이며, 전체 웹 주소 또는 도메인을 입력합니다.
https://를 생략하면 자동으로 추가됩니다. - 프로필 링크: 선택 사항이며, 공개 포트폴리오, 업무용 프로필 또는 크리에이터 페이지 주소를 입력합니다.
서명 생성이 완료되면 우측 또는 하단에 이메일 서명 미리보기와 함께 복사 가능한 HTML 코드가 표시됩니다. 이와 함께 생성된 HTML의 문자 수와 클릭 가능한 링크 개수가 통계로 제공됩니다.
입력 값 제한 및 유효성 검사 규칙
도구는 안정적인 서명 생성을 위해 각 입력 필드의 글자 수 제한과 형식 유효성 검사를 수행합니다. 최대 글자 수 제한은 다음과 같습니다:
- 전체 이름 및 직함: 각각 최대 160자
- 전화번호: 최대 80자
- 이메일 주소: 최대 254자
- 웹사이트 및 프로필 URL: 각각 최대 300자
- 최종 생성되는 전체 HTML 코드: 10,000자 미만
입력 값에 오류가 있을 경우 다음과 같은 안내 메시지가 표시됩니다:
- 전체 이름 필드가 비어 있는 경우: "전체 이름을 입력하세요."
- 전체 이름이 제한을 초과한 경우: "전체 이름은
‹max›자 이내로 입력하세요." - 직함이 제한을 초과한 경우: "직함은
‹max›자 이내로 입력하세요." - 전화번호 형식이 올바르지 않은 경우: "숫자와 전화번호에 흔히 쓰는 기호를 사용하고, 필요한 경우 내선 번호를 추가하세요."
- 전화번호가 제한을 초과한 경우: "전화번호는
‹max›자 이내로 입력하세요." - 이메일 형식이 올바르지 않은 경우: "올바른 형식의 이메일 주소를 하나 입력하세요."
- 이메일 주소가 제한을 초과한 경우: "이메일 주소는
‹max›자 이내로 입력하세요." - URL 형식이 올바르지 않은 경우: "올바른 웹사이트 또는 프로필 주소를 입력하세요."
- 지원하지 않는 프로토콜을 사용한 경우: "http:// 또는 https:// 링크를 사용하세요."
- URL에 사용자 이름이나 비밀번호가 포함된 경우: "이 링크에서 사용자 이름과 비밀번호를 삭제하세요."
- URL이 너무 긴 경우: "이메일 서명에 안전하게 들어가도록 링크를 줄이세요."
- 허용되지 않는 제어 문자나 줄바꿈이 포함된 경우: "이 항목에서 제어 문자나 의도하지 않은 줄바꿈을 삭제하세요."
필드에 오류가 남아 있는 상태에서 생성을 시도하면 "만들기 전에 강조 표시된 항목을 수정하세요."라는 메시지가 나타납니다.
HTML 서명 생성의 기술적 특징
이 도구는 이메일 클라이언트 간의 호환성을 극대화하기 위해 정밀하게 설계된 HTML 구조를 사용합니다. 생성된 HTML은 레이아웃 유지를 위해 고정된 최대 너비인 max-width:520px를 가진 프레젠테이션 테이블 구조를 사용합니다.
이메일 애플리케이션은 보안과 렌더링 한계로 인해 복잡한 웹 기술을 지원하지 않습니다. 따라서 이 도구는 오직 table, tr, td, strong, span, a 태그와 인라인 스타일(inline styles)만을 사용하여 코드를 생성합니다. script, style 태그, 외부 이미지(image), form, class 선택자 또는 이벤트 핸들러는 일절 포함되지 않습니다.
또한, 보안과 호환성을 위해 다음과 같은 처리가 자동으로 적용됩니다:
- 사용자가 입력한 텍스트와 링크 속성값은 HTML 엔티티로 이스케이프(escape) 처리됩니다.
href속성에 들어가는 국제 도메인 이름은 표준 규격에 맞게 정규화됩니다.+로 시작하는 전화번호는 모바일 기기 등에서 바로 전화를 걸 수 있도록tel:링크로 변환됩니다.- 이메일 주소는 퍼센트 인코딩(percent-encoding)이 적용된
mailto:링크로 생성됩니다.
이 도구는 입력된 항목의 형식, 안전한 링크 유형, 생성된 HTML의 구조적 유효성만을 검사합니다. 입력된 정보의 실제 신원, 도메인 소유권, 권한 또는 이메일과 전화번호의 실제 연결 가능 여부는 검증하지 않습니다.
개인정보 보호 및 데이터 처리
이메일 서명 생성기에 입력하는 모든 연락처 정보와 생성된 서명 데이터는 외부 서버로 전송되지 않고 사용자의 웹 브라우저 내부에서만 처리됩니다. BroBroGo는 사용자가 입력한 개인 정보를 수집, 업로드 또는 저장하지 않으므로 안심하고 도구를 사용할 수 있습니다.
자주 묻는 질문 (FAQ)
Q. 모든 이메일 앱에서 서명이 똑같이 보이나요? A. 아니요. 일반적인 이메일 앱에서 읽기 쉽도록 만들었지만 Gmail, Outlook, Apple Mail 및 회사 게이트웨이에서 간격, 글꼴, 색상 또는 링크가 바뀔 수 있습니다. 사용하기 전에 실제로 쓰는 앱에서 테스트 메시지를 보내 확인하세요.
Q. 어떤 항목이 필수인가요? A. 전체 이름만 필수입니다. 직함, 전화번호, 이메일, 웹사이트, 프로필 링크는 선택 사항이며 빈 항목은 제외됩니다. 클릭 가능한 전화 링크를 원한다면 +로 시작하는 국제 전화번호를 사용하세요.
Q. 이 HTML을 이메일 앱에 어떻게 추가하나요? A. 생성된 HTML을 복사한 뒤 이메일 앱의 HTML 서명 추가 방법을 따르세요. 편집기에 따라 원본 코드 대신 표시된 내용을 받아들이기도 하므로, 받는 사람에게 사용하기 전에 데스크톱과 모바일에서 자신에게 테스트 메시지를 보내세요.