HtmlDrag 자주 묻는 질문

이 FAQ에서는 페이지를 HtmlDrag로 가져오기 전후에 사용자가 자주 묻는 질문을 다룹니다. 기존 HTML 편집, AI로 생성한 페이지 정밀 다듬기, 파일을 편집 가능한 HTML로 변환하기, 작업 저장 및 공유, 깔끔한 코드 내보내기, 크레딧·저장 공간·보안·계정 제한에 대해 안내합니다. 전체 기능은 기능, 단계별 작업 흐름은 가이드, 실제 활용 시나리오는 활용 사례에서 확인하세요. 현재 가격, 할당량 및 요금제별 규칙은 항상 요금제 페이지와 앱 내 대화 상자를 최신 정보로 사용하세요.

1. 크레딧 및 구독

1.1 구매한 크레딧은 만료되나요?

일반적으로 구매한 크레딧(충전 크레딧)은 만료되지 않습니다. 충전하면 계정 잔액에 추가되며, 지원되는 기능에 필요할 때 언제든 사용할 수 있습니다. 달력상 한 달이나 결제 기간이 끝나거나 Pro 구독이 만료되었다는 이유만으로 자동 삭제되지 않습니다.

단, 특별 캠페인이나 프로모션으로 받은 보너스 크레딧에는 ‘특정 기간 내 사용’ 또는 ‘특정 기능에만 유효’와 같은 별도의 유효 기간 규칙이 적용될 수 있습니다. 특정 캠페인, 쿠폰 또는 페이지에 만료 규칙이나 사용 제한이 명시되어 있다면 해당 규칙이 이 일반 설명보다 우선합니다.

현재 크레딧 잔액과 내역은 프로필 및 요금제/충전 페이지에서 언제든 확인할 수 있습니다.

1.2 HtmlDrag는 어떤 종류의 크레딧을 사용하나요? ‘월간 보너스 크레딧’이란 무엇인가요?

HtmlDrag는 주로 두 종류의 크레딧을 사용합니다.

(1) 구매 크레딧(기본 크레딧): 요금제/충전 페이지에서 크레딧 패키지를 구매하면 추가됩니다. 특정 혜택이나 캠페인에서 별도로 정하지 않는 한 일반적으로 만료되지 않으며, 필요할 때 지원되는 기능에 사용할 수 있습니다.

(2) ‘월간 보너스 크레딧’을 포함한 보너스 크레딧: 일부 요금제나 프로모션에서는 구매 크레딧에 더해 추가 크레딧을 제공합니다. 프로필과 포인트 내역에는 계정에 매월 추가되는 보너스인 월간 보너스 크레딧과 같은 항목이 표시될 수 있습니다. 이는 구매 크레딧에 더해 제공되는 보너스이며 별도의 초기화 규칙이 적용될 수 있습니다.

일반 규칙: 크레딧을 소모하는 기능을 사용하면 해당되는 경우 월간 보너스 크레딧과 기타 보너스 크레딧이 먼저 차감됩니다. 남은 비용은 일반 구매 크레딧에서 차감됩니다.

1.3 크레딧은 언제 업데이트되며, 현지 시간과 다를 수 있는 이유는 무엇인가요?

월간 보너스 크레딧과 기타 시간 기반 보너스를 포함해 날짜나 결제 주기에 따라 달라지는 크레딧 규칙에는 기기의 현지 시간이 아니라 UTC(협정 세계시)가 내부 기준으로 사용됩니다.

따라서 현지 시간대에서 크레딧 업데이트를 확인하는 시점은 UTC와의 고정된 시차만큼 달라집니다. 예를 들어 매월 1일 00:00 UTC에 초기화되는 크레딧은 한국 표준시(UTC+9)로 같은 날 09:00경에 표시되며, 겨울철 미국 동부 시간(UTC-5)으로는 전날 19:00경에 표시될 수 있습니다.

1.4 Pro 구독이 만료되면 어떻게 되나요? 플랫폼을 계속 사용할 수 있나요?

Pro 구독이 만료된 후에도 로그인하고 프로필을 확인하며 기존 작업에 접근할 수 있습니다. 마지막 결제 기간이 끝난 뒤에는 월간 보너스 크레딧과 같은 새로운 Pro 회원 혜택이 제공되지 않습니다. 만료 규칙이 없는 구매 크레딧(기본 크레딧)은 계정에 남아 있지만, 일부 Pro 전용 기능과 더 높은 한도는 더 이상 이용할 수 없을 수 있습니다.

1.5 크레딧이나 Pro를 구매하지 않고 HtmlDrag를 사용할 수 있나요?

예. 무료 회원도 로그인하고 프로필과 기본 계정 설정을 관리할 수 있으며, 현재 저장 공간 및 작업 수 한도 내에서 작업을 만들고 편집할 수 있습니다. 화면에 표시되는 현재 한도 내에서는 디자인을 이미지(예: PNG)로 다운로드할 수도 있습니다.

다만 AI 생성, 웹페이지 복제, 일부 내보내기 또는 공유 기능과 같은 작업에는 크레딧이 차감되거나 활성 Pro가 필요할 수 있습니다.

1.6 크레딧을 더 받으려면 어떻게 해야 하나요? 크레딧은 영구적으로 유지되나요?

요금제/충전 페이지에서 크레딧 패키지를 구매하거나, 크레딧이 포함된 Pro 요금제에 가입 또는 갱신하거나, 캠페인이나 프로모션을 통해 보너스 크레딧을 받으면 크레딧 잔액을 늘릴 수 있습니다.

일반적으로 직접 충전한 크레딧은 만료되지 않습니다. 달력상 한 달이나 결제 주기에 연결된 보너스 크레딧(월간 보너스 크레딧 포함)은 UTC 기준 규칙에 따라 정기적으로 초기화되며 무기한 누적되지 않습니다.

2. 작업 및 데이터 저장

2.1 작업은 얼마나 오래 보관되나요?

작업은 계정에 저장되며 한동안 로그인하지 않았다는 이유만으로 삭제되지 않습니다. 플랫폼을 안정적으로 운영하기 위해 저장 공간 사용량이 한도에 가까워지면 시스템에서 경고를 표시할 수 있으며, 오래된 작업을 삭제하거나 구독을 업그레이드해야 할 수 있습니다.

2.2 삭제한 작업을 복구할 수 있나요?

일반적으로 작업 삭제는 되돌릴 수 없는 영구적인 작업입니다. 삭제하기 전에 다시 확인하고, 나중에 필요할 수 있다면 HTML이나 이미지를 백업으로 다운로드하세요.

2.3 공개 링크로 작업을 공유해도 안전한가요?

작업의 공개 공유를 켜면 공유 링크를 가진 누구나 로그인 없이 해당 작업을 볼 수 있습니다. 공유 링크는 편리하지만 민감한 정보나 내부 정보를 이런 방식으로 공유하지 마세요. 공유 설정에서 언제든 공유를 중지할 수 있습니다.

3. 계정 및 보안

3.1 비밀번호를 잊었거나 이메일을 변경해야 하면 어떻게 해야 하나요?

로그인 페이지의 ‘비밀번호를 잊으셨나요?’ 링크를 사용해 인증된 이메일 주소로 비밀번호를 재설정할 수 있습니다. 로그인한 후에는 프로필에서 비밀번호나 이메일 주소를 변경할 수 있습니다. 보안을 위해 중요한 정보를 변경할 때 인증 코드나 재인증이 필요할 수 있습니다.

3.2 계정 삭제를 요청하면 어떻게 되나요?

계정 삭제를 요청하면 계정은 일정한 보존 기간이 적용되는 삭제 예약 상태로 전환됩니다. 이 기간 동안에는 계정을 정상적으로 사용하지 못할 수 있습니다. 보존 기간이 끝나면 적용되는 정책에 따라 계정 데이터와 작업이 단계적으로 삭제되거나 익명화됩니다. 남은 크레딧과 요금제 혜택은 삭제되며, 삭제가 완료된 후에는 복구할 수 없습니다.

4. 결제 및 환불

4.1 결제가 실패하거나 페이지가 멈추면 주문 상태를 어떻게 확인하나요?

결제 중 네트워크 문제, 시간 초과 또는 페이지 멈춤과 같은 문제가 발생하면 프로필의 ‘주문’ 섹션에서 최종 상태를 확인하고, 결제 결과 페이지에 ‘상태 새로고침’ 버튼이 있으면 사용하세요. 그래도 확실하지 않다면 스크린샷과 주문 정보를 첨부해 피드백 페이지 또는 지원 이메일로 문의하세요.

4.2 충전이나 구독 구매도 환불받을 수 있나요?

충전 및 구독 구매의 환불 자격과 규칙은 환불 정책 페이지에 설명되어 있습니다. 결제하기 전에 해당 페이지를 꼼꼼히 확인하세요. 내용에 차이가 있는 경우 환불 정책이 우선합니다.

5. 편집기 및 기능 제한

5.1 HtmlDrag에는 어떤 브라우저가 권장되나요?

최신 버전의 Chrome, Edge, Safari, Firefox와 같은 최신 데스크톱 브라우저를 권장합니다. 모바일 브라우저도 제한적으로 지원하지만, 복잡한 편집 작업에는 더 나은 성능과 미리보기 품질을 위해 데스크톱 브라우저를 사용하는 것이 좋습니다.

5.2 웹페이지 복제가 실패하거나 일부만 표시되는 이유는 무엇인가요?

웹페이지 복제는 공개적으로 접근 가능한 페이지를 가져와 편집 가능한 HTML로 변환하려고 합니다. 하지만 다음과 같은 경우 결과가 불완전하거나 복제에 실패할 수 있습니다.

• 로그인이 필요하거나 엄격한 봇 방지/보안 보호를 사용하는 사이트

• 너무 크거나 제한된 시간 내에 완전히 렌더링할 수 없는 동적 콘텐츠가 많은 페이지

• 보안 검사에서 안전하지 않거나 제한된 URL로 표시된 주소

• 스크래핑, 미러링 또는 자동 캡처를 명시적으로 허용하지 않는 사이트

• 싱글 페이지 애플리케이션(SPA): React, Vue, Angular와 같은 프레임워크로 만든 웹사이트는 클라이언트 측 JavaScript로 콘텐츠를 렌더링하는 경우가 많아 초기 스냅샷에서 비어 있거나 불완전하게 캡처될 수 있습니다

• 지연 로딩 콘텐츠: 많은 최신 웹사이트는 이미지와 콘텐츠를 뷰포트로 스크롤했을 때만 로드하므로 이러한 콘텐츠가 캡처되지 않을 수 있습니다

• 서버 측 제한: 일부 서버는 자동화 도구의 요청을 거부하고 오류 페이지나 빈 콘텐츠를 반환할 수 있습니다

• 교차 출처 리소스 공유(CORS) 제한: 글꼴, 이미지, 스크립트와 같은 일부 리소스가 교차 출처 정책으로 인해 로드되지 않을 수 있습니다

• 이미지 핫링크 보호: 일부 웹사이트의 이미지 서버는 Referer 헤더를 확인하고 원래 출처가 아닌 접근을 거부해 이미지가 빈 화면이나 자리 표시자로 보일 수 있습니다

• CDN 및 지역 제한: 일부 콘텐츠는 특정 지역에서만 제공되거나 특정 CDN 노드를 통해서만 접근할 수 있습니다

• 동적 로딩 시간 초과: 페이지에서 JavaScript 실행과 AJAX 요청을 완료하는 데 오래 걸리면 캡처 대기 시간을 초과할 수 있습니다

웹페이지 복제가 예상대로 작동하지 않으면 HTML 업로드 또는 코드 붙여넣기 옵션으로 HTML을 가져와 보세요.

5.3 업로드하거나 붙여넣은 HTML의 이미지가 표시되지 않는 이유는 무엇인가요?

파일을 업로드하거나 HTML 코드를 붙여넣은 후 이미지가 표시되지 않는 일반적인 이유는 다음과 같습니다.

• 로컬 경로 참조: HTML의 이미지가 상대 경로(예: images/logo.png)나 로컬 파일 경로(예: file:///C:/images/logo.png)를 사용해 업로드 후 경로를 확인할 수 없음

• 이미지 파일 누락: 관련 이미지 리소스 없이 HTML 파일만 업로드함

• 만료된 외부 이미지: HTML에서 참조한 외부 이미지 URL이 만료되었거나 삭제되었거나 서버를 사용할 수 없음

• 핫링크 보호: 외부 이미지 서버가 다른 도메인에서 이미지를 로드하지 못하게 차단함

• HTTPS/HTTP 혼합 콘텐츠: 페이지가 HTTPS로 로드되면 HTTP 이미지가 브라우저에서 차단될 수 있음

해결 방법: 이미지를 공개적으로 접근 가능한 이미지 호스팅 서비스나 CDN에 업로드한 다음 HTML의 이미지 경로를 전체 URL로 바꾸세요. 또는 편집기의 이미지 업로드 기능으로 이미지를 직접 교체할 수 있습니다.

5.4 가져온 페이지가 원래 웹사이트와 다르게 보이는 이유는 무엇인가요?

가져온 페이지가 원래 웹사이트와 시각적으로 달라지는 이유는 다음과 같습니다.

• JavaScript 의존성: 원래 페이지가 사용하는 상호작용 스크립트가 완전히 실행되지 않았거나 보안 정책에 의해 차단됨

• 외부 스타일시트: 교차 출처 제한이나 핫링크 보호로 일부 CSS 파일을 로드하지 못함

• 웹 글꼴: 라이선스나 교차 출처 제한으로 사용자 지정 글꼴을 로드하지 못해 기본 글꼴로 표시됨

• 반응형 레이아웃: 뷰포트 크기에 따라 레이아웃이 달라지며 캡처 시 뷰포트와 현재 브라우저가 다를 수 있음

• 동적 콘텐츠: AJAX 또는 WebSocket으로 로드되는 실시간 데이터는 캡처되지 않음

• 편집기 처리: 안전성과 편집 가능성을 위해 가져온 HTML이 처리되며 일부 스크립트와 스타일이 수정되거나 제거될 수 있음

5.5 편집기에서 깔끔한 HTML을 내보낼 수 있나요?

예. 다만 몇 가지 중요한 사항이 있습니다.

디자인을 완성한 후 작업을 HTML 및/또는 이미지 파일로 내보내 자신의 서버에 호스팅하거나 개발자에게 전달할 수 있습니다. 여러 환경에서 내보낸 페이지를 더 안전하고 안정적으로 유지하기 위해 다운로드되는 HTML은 HtmlDrag에서 처리됩니다. 편집기 전용 마커가 제거되고 일부 편집기 전용 스크립트와 스타일이 정리되며 자산 URL이 표준화됩니다. 원본 소스 코드를 바이트 단위로 그대로 복사한 파일은 아닙니다.

편집기에서 ‘HTML 다운로드’ 버튼을 클릭하면 ‘다운로드 유형 선택’ 대화 상자에서 ‘편집된 HTML’(편집기에서 현재 적용한 모든 변경 포함)과 ‘원본 HTML’(웹페이지 복제, HTML 업로드, 코드 붙여넣기 또는 AI 생성 단계에서 처음 입력한 코드로, 이후 편집기에서 변경한 내용은 제외)을 선택할 수 있습니다.

6. 편집, AI 정밀 다듬기 및 전달

HtmlDrag는 어떤 용도로 설계되었나요?

HtmlDrag는 페이지의 마지막 10%를 완성하기 위한 시각적 HTML 편집기입니다. 기존 HTML 파일, 가져온 페이지, AI로 생성한 초안 또는 HTML로 정리된 소스 자료가 있을 때 전체 프로젝트를 다시 만들지 않고 보이는 부분을 마무리한 뒤 표준 HTML로 결과를 유지할 수 있습니다.

기존 HTML을 온라인에서 편집할 수 있나요?

예. HTML 파일을 업로드하거나 코드를 붙여넣거나, 소유하고 있거나 편집 권한을 받은 공개 URL에서 웹페이지 복제를 사용할 수 있습니다. 페이지가 캔버스에 열리면 콘텐츠와 레이아웃을 시각적으로 변경하고 결과를 내보낼 수 있습니다. 웹페이지 복제는 작업용 사본을 만들며 원래 페이지를 수정하지 않습니다.

AI로 생성한 HTML을 편집할 수 있나요?

예. ChatGPT, Claude, v0 또는 다른 AI 도구에서 생성한 HTML을 붙여넣거나 AI 생성으로 시작할 수 있습니다. 일반적인 문구를 교체하고 레이아웃을 맞추며 이미지와 링크를 업데이트하고, 문서 전체를 다시 생성하는 대신 선택한 요소나 섹션에 AI 정밀 다듬기를 사용할 수 있습니다.

시각적 캔버스에서 무엇을 변경할 수 있나요?

텍스트와 제목을 편집하고 이미지를 교체 및 조정하며 간격과 시각적 스타일을 변경하고 요소를 이동하거나 크기를 조정할 수 있습니다. 버튼과 링크 대상을 업데이트하고 페이지 블록을 재정렬, 복제 또는 삭제할 수도 있습니다. 정확한 컨트롤은 선택한 요소와 현재 편집기 화면에 따라 달라집니다.

표를 편집하고 구성 요소를 삽입할 수 있나요?

예. 구성 요소 패널에서 버튼, 도형, 컨테이너 및 표를 삽입할 수 있습니다. 기존 표도 편집하고 스타일을 지정할 수 있어 최종 페이지에서 가격표, 비교표 또는 데이터 블록을 이해하기 쉽게 만들 수 있습니다.

링크를 추가하거나 요소를 잠그거나 삭제할 수 있나요?

예. 텍스트와 버튼의 링크 대상을 업데이트하고 레이어 또는 DOM 패널에서 중첩된 요소에 접근할 수 있습니다. 완성된 요소를 잠그고 콘텐츠를 숨기며 레이어 순서를 변경하거나 더 이상 페이지에 필요하지 않은 요소를 삭제할 수도 있습니다.

내보내기 전에 버전을 저장하고 페이지를 공유할 수 있나요?

예. 버전 스냅샷을 저장하고 검토용 공유 링크를 만들어 피드백을 받은 다음 콘텐츠와 시각적 방향이 승인되면 내보낼 수 있습니다. 권한이 있는 대상이 아니라면 민감하거나 내부적인 콘텐츠를 공개 미리보기에 포함하지 마세요.

깔끔한 HTML 내보내기란 무엇인가요?

HTML 내보내기는 전달을 위해 처리됩니다. 편집기 전용 마커와 스타일이 제거되거나 표준화되며 결과가 원본 소스와 바이트 단위로 동일하다고 보장되지는 않습니다. 해당 옵션을 사용할 수 있는 다운로드 흐름에서는 현재 편집된 HTML과 원래 입력한 HTML을 구분할 수 있습니다.

HtmlDrag가 웹사이트 빌더나 코드 편집기를 대체하나요?

아니요. 담당하는 단계가 다릅니다. HtmlDrag는 시각적 정리와 HTML 전달을 위한 도구이며 CMS, 프레임워크, 코드 편집기, 백엔드, API 계층 및 운영 전 QA는 최종 전달 흐름에 계속 포함될 수 있습니다. 내보낸 HTML은 독점 런타임에 의존하지 않고 이식성을 유지하도록 설계되었습니다.

비기술 팀도 HtmlDrag를 사용할 수 있나요?

예. 마케팅, 콘텐츠, 디자인 및 고객 대응 팀은 캔버스에서 보이는 페이지 변경을 수행할 수 있고, 개발자는 소스를 확인한 뒤 반응형 점검, 연동, 접근성 검토 및 배포를 계속 진행할 수 있습니다.

7. ‘AI 생성’ 및 ‘파일을 HTML로 변환’

AI 생성은 어떤 파일을 편집 가능한 HTML로 변환할 수 있나요?

AI 생성은 PDF, Word, Markdown, TXT, PowerPoint, Excel, CSV, JPG, PNG 및 사용자 지정 요청을 지원합니다. 사용 가능한 형식과 한도는 현재 요금제 및 앱 내 흐름에 따라 달라질 수 있습니다.

AI 생성은 이미지를 만드나요, 아니면 편집 가능한 HTML을 만드나요?

결과는 편집 가능한 HTML입니다. HtmlDrag 캔버스에서 열어 텍스트, 이미지, 레이아웃 및 시각적 세부 사항을 계속 다듬을 수 있습니다.

AI 생성은 웹페이지 복제, HTML 업로드 및 코드 붙여넣기와 어떻게 다른가요?

웹페이지 복제는 권한이 있는 공개 웹페이지에서 시작하고, HTML 업로드는 로컬 HTML 파일에서 시작하며, 코드 붙여넣기는 HTML 조각에서 시작합니다. AI 생성은 소스 자료, 템플릿 또는 요구사항에서 시작해 처음 사용할 수 있는 편집 가능한 HTML 초안을 만듭니다.

업로드한 파일과 개인정보 보호는 어떻게 이해해야 하나요?

파일은 AI 생성 흐름의 입력으로 사용되며, 이후에는 생성된 HTML 결과를 계속 편집합니다. 기밀 자료라면 업로드하기 전에 현재 개인정보처리방침과 앱 내 안내를 확인하고, 조직에서 외부 서비스를 통한 처리를 허용한 자료만 업로드하세요.

8. 문의

그 밖의 질문은 다음으로 문의해 주세요.

이메일: [email protected]

웹사이트: https://htmldrag.com