사용방법 가이드

URL 숨김 팝업 생성기를 효과적으로 사용하는 방법을 알아보세요

1

회원가입 및 로그인

중요: 생성한 팝업을 저장하고 관리하려면 로그인이 필요합니다.

회원가입

  1. 우측 상단의 "로그인 / 회원가입" 버튼 클릭
  2. "회원가입" 탭 선택
  3. 필수 정보 입력:
    • 이메일 주소
    • 사용자명 (아이디, 3-20자)
    • 비밀번호 (8자 이상)
    • 핀 번호 (8자 이상, 영문+숫자+기호 필수)
  4. "회원가입" 버튼 클릭

로그인

  1. "로그인" 탭 선택
  2. 3가지 정보 모두 입력:
    • 사용자명 (아이디)
    • 비밀번호
    • 이메일
  3. "로그인" 버튼 클릭
  4. 세션은 30일간 유지됩니다
2

URL 입력 및 설정

웹사이트 URL 입력

팝업으로 표시할 웹사이트의 주소를 입력합니다.

예: https://example.com

팝업 창 제목 (선택)

팝업 창 상단에 표시될 제목을 입력합니다. 비워두면 "내 앱"으로 표시됩니다.

배경색 선택

버튼 영역의 배경색을 지정할 수 있습니다.

  • 색상 선택기로 시각적으로 선택
  • HEX 코드 직접 입력 (예: #ffffff)
  • 기본값: 흰색 (#ffffff)

버튼 영역 크기

버튼이 표시되는 컨테이너의 크기를 픽셀 단위로 지정할 수 있습니다.

  • 너비: 300px ~ 2000px
  • 높이: 200px ~ 1500px
  • 비워두면 화면 크기에 맞춰 자동 조정
3

HTML 코드 생성

  1. 모든 설정을 완료한 후 "HTML 코드 생성하기" 버튼 클릭
  2. 생성된 코드가 화면에 표시됩니다
  3. "복사하기" 버튼으로 코드를 클립보드에 복사
  4. "팝업 테스트해보기" 버튼으로 즉시 테스트 가능

자동 저장: 로그인 상태에서 생성한 코드는 자동으로 히스토리에 저장됩니다.

4

코드 사용 방법

웹페이지에 삽입

  1. 생성된 HTML 코드를 복사합니다
  2. 자신의 웹페이지 HTML 파일을 엽니다
  3. 버튼을 표시할 위치에 코드를 붙여넣습니다
  4. 파일을 저장하고 웹페이지를 새로고침합니다

사용자 경험

  • 사용자가 버튼을 클릭하면 팝업이 열립니다
  • 팝업에는 지정한 웹사이트가 표시됩니다
  • 주소창에는 원본 URL이 노출되지 않습니다
  • 팝업은 드래그, 크기 조절, 최소화, 전체화면이 가능합니다

단축키

  • ESC: 팝업 최소화
  • F11: 전체화면 전환
  • 드래그: 헤더를 드래그하여 이동
  • 모서리/테두리 드래그: 크기 조절
5

히스토리 관리

저장된 항목 관리

메인 페이지 하단의 "저장된 항목" 섹션에서 히스토리를 관리할 수 있습니다.

코드보기

생성된 HTML 코드를 새 창에서 확인하고 복사할 수 있습니다

미리보기

생성된 팝업을 즉시 테스트해볼 수 있습니다

재사용

이전 설정을 입력 필드에 불러와 수정할 수 있습니다

다운로드

HTML 코드를 텍스트 파일로 다운로드할 수 있습니다

검색 및 필터링

  • 검색창에서 URL 또는 제목으로 검색 가능
  • 페이지당 10/20/50/100개 항목 표시 선택
  • 페이지네이션으로 편리한 탐색

주요 기능 소개

URL 숨김

주소창에 원본 URL이 노출되지 않아 보안성이 향상됩니다. Base64 인코딩으로 추가 보안을 제공합니다.

팝업 제어

드래그, 크기 조절, 최소화, 전체화면 등 다양한 팝업 제어 기능을 제공합니다.

자동 저장

로그인 상태에서 생성한 모든 코드가 자동으로 저장되어 언제든 재사용할 수 있습니다.

커스터마이징

배경색, 버튼 크기, 제목 등을 자유롭게 설정하여 나만의 팝업을 만들 수 있습니다.

클라우드 동기화

어느 기기에서든 로그인하면 저장된 히스토리에 접근할 수 있습니다.

보안 강화

핀 번호 시스템으로 계정 정보 변경 시 추가 인증을 제공합니다.

자주 묻는 질문

Q. 로그인 없이도 사용할 수 있나요?

네, 가능합니다. 다만 생성한 코드가 저장되지 않으므로 브라우저를 닫으면 사라집니다.

Q. 생성된 코드는 어디에 사용할 수 있나요?

HTML을 지원하는 모든 웹페이지에 사용할 수 있습니다. 블로그, 개인 웹사이트, 랜딩 페이지 등에 붙여넣기만 하면 됩니다.

Q. 팝업이 모바일에서도 작동하나요?

네, 반응형으로 제작되어 모바일 기기에서도 정상적으로 작동합니다.

Q. 여러 개의 팝업을 만들 수 있나요?

네, 제한 없이 원하는 만큼 생성할 수 있으며 모두 히스토리에 저장됩니다.

Q. 핀 번호를 잊어버렸어요!

계정 찾기 페이지에서 아이디, 이메일, 비밀번호 3가지 정보로 핀 번호를 조회할 수 있습니다.

추가 도움이 필요하신가요?

문제가 발생하거나 궁금한 점이 있으시면 언제든지 문의해주세요.