HTML 파일을 스캔하면 열리는 QR 코드로 만들기

카페 메뉴, 행사 전단지, 학습지, ChatGPT나 Claude가 만든 게임처럼 HTML 파일로 된 페이지가 있어요. 사람들이 휴대폰 카메라를 코드에 비추기만 하면 그 페이지가 열리게 하고 싶어요.

이 글에서는 코드를 만드는 방법, 인쇄하기 전에 확인할 것, 반 학생들에게 페이지나 게임을 나눠 주는 방법, 스캔 수를 세는 방법을 다뤄요. 인용한 Google과 Apple의 한국어 도움말은 2026년 10월 23일에 읽었고, QR TIGER의 영어 페이지는 2026년 10월 15일에 확인한 내용이에요.

QR 코드에는 파일이 아니라 링크가 들어가요

QR 코드에는 웹 주소 같은 짧은 데이터가 들어가요. 휴대폰 카메라를 코드에 비추면 카메라가 데이터를 읽고 링크를 보여 줘요. 링크를 탭하면 브라우저에서 페이지가 열려요. .html 파일 자체는 코드 안에 넣을 수 없어요. 파일을 먼저 온라인에 올려서, 코드가 가리킬 주소를 만들어야 해요.

QR TIGER 같은 파일 QR 서비스는 파일을 자기 서버에 올려 두고, 스캔한 사람을 자기 페이지로 보내요. QR TIGER의 파일 QR 코드 안내 페이지(영어)에 따르면, PDF를 공유한 코드를 스캔하면 PDF 파일을 볼 수 있는 페이지로 이동해요. 이 서비스가 드는 파일은 Word, PDF, JPEG와 PNG 이미지, Excel, MP4, MP3이고, HTML은 없어요. 같은 페이지는 파일 QR 코드가 동적 코드이고 QR TIGER를 구독해야만 쓸 수 있다고도 적고 있어요.

HTML 파일을 QR 코드로 만드는 4단계

코드는 맨 마지막에, 게시한 페이지의 주소로 만들어요.

1. 파일을 놓거나 코드 붙여 넣기

이 페이지 맨 위의 상자에 .html 파일을 놓거나, ‘코드 붙여 넣기’로 바꿔 코드를 붙여 넣은 뒤 ‘미리보기 링크 받기’를 누르세요. 계정 없이 .html이나 .htm 파일 1개를 2 MB까지 올릴 수 있어요. 페이지의 태그가 아직 컴퓨터 안의 이미지나 CSS를 가리키고 있으면, 상자가 그 파일들을 목록으로 보여 줘서 링크를 먼저 고칠 수 있어요. 스크립트가 불러오는 파일은 목록에 나오지 않아요. ‘미리보기 링크가 생겼어요’가 보이면 ‘링크 복사’를 누르고, 휴대폰에서 열어 화면 배치를 확인하세요. 이 링크는 3분 동안 열리고, 스크립트와 폼은 꺼져 있어요. 확인용으로만 쓰고 QR 코드에는 쓰지 마세요. 이 링크로 만든 코드는 몇 분 안에 열리지 않게 돼요.

2. 페이지를 보관하고 게시하기

미리보기 링크 위의 ‘이 페이지 보관하기’(무료, 카드 필요 없음)를 누르고 가입하세요. 페이지가 업로드한 그대로 내 계정으로 옮겨지고, 스크립트가 동작해요. 미리보기 시간이 끝난 뒤에도 보관할 수 있어요. ‘게시하기’를 누르세요. ‘누가 이 페이지를 열 수 있나요?’에서 ‘전체 공개’를 고르고 ‘다음’을 누르세요. 처음 게시할 때는 요금제가 나오고, ‘Pro 월간’이 선택되어 있어요(카드를 등록하면 1일 무료, 그 뒤 월 $12). 나머지 둘은 ‘Pro 1년 패스’($29, 한 번 결제, 자동 갱신 없음)와 ‘무료’($0, Convika 배너가 붙어요)예요. 무료로 게시하려면 ‘무료’를 고르고 ‘무료로 게시하기’를 누르세요. 페이지가 yourpage.convika.page 같은 주소로 게시돼요. 이 주소는 ‘Unpublish’를 눌러 게시를 중단할 때까지 그대로예요. 무료 요금제는 신용카드가 필요 없고, 페이지를 1개 게시할 수 있어요. 무료 요금제에서는 페이지 맨 아래에 작은 Convika 배너가 붙어요.

3. QR 코드를 띄우고 다운로드하기

대시보드에서 페이지 화면을 여세요. ‘게시 주소’ 아래에 있는 주소가 코드에 들어가는 주소예요. 그 옆의 ‘QR 코드 보기’를 누르세요. 코드가 크게 열리고 그 아래에 주소가 큰 글씨로 나와서, 그대로 수업 화면에 띄울 수 있어요. 슬라이드, 학습지, 전단지에 넣을 이미지가 필요하면 ‘PNG 다운로드’를 누르세요. 코드에는 ‘게시 주소’ 아래의 주소가 그대로 들어가고, 페이지에 내 도메인을 쓰고 있으면 그 도메인 주소가 들어가요. 코드는 브라우저 안에서 만들어지므로 주소가 QR 코드 서비스로 보내지지 않아요.

4. 공유하기 전에 코드 스캔해 보기

화면의 코드를 휴대폰으로 스캔하세요. 나타나는 링크가 ‘게시 주소’ 아래의 주소와 같아야 해요. 링크를 탭해서 페이지가 휴대폰 화면에 맞게 보이는지 확인하세요. 스캔 수를 다른 방문과 따로 세려면, 다음 섹션처럼 태그를 붙인 주소로 코드를 만드세요.

Chrome이나 다른 생성기로 QR 코드 만들기

대시보드에서 ‘QR 코드 보기’를 누르면 페이지 주소 그대로의 코드가 나와요. 인쇄물로 들어온 방문을 따로 세고 싶다면, 먼저 주소 끝에 ?utm_source=qr을 붙이세요. 예를 들면 https://yourpage.convika.page/?utm_source=qr이에요. Chrome에서 코드를 만들려면 태그를 붙인 그 주소를 탭에서 여세요. Chrome 고객센터에 따르면 Chrome은 지금 열려 있는 탭의 코드를 만들어요. 태그를 붙인 주소로 들어온 방문은 어느 브라우저에서 열든 코드에서 온 방문으로 집계돼요.

• 컴퓨터에서. 페이지를 열고 ‘더보기’ > ‘전송, 저장 및 공유’ > ‘QR 코드 만들기’를 선택하세요. 그다음 링크를 복사하거나, ‘다운로드’를 눌러 이미지를 저장하거나, 다른 휴대폰의 카메라로 화면을 스캔할 수 있어요.
• 안드로이드 휴대폰에서. 툴바 옆의 ‘더보기’ > ‘공유…’를 탭하고 ‘QR 코드’를 고르세요. 화면의 안내에 따라 이미지를 공유하거나 다운로드하세요(Android 도움말).
• 아이폰이나 아이패드에서. 화면 상단에서 ‘공유’ > ‘QR 코드 만들기’를 탭하세요. 코드 아래의 ‘공유’를 탭하면 코드를 보내거나 저장할 수 있어요(iPhone·iPad 도움말).

다른 QR 코드 생성기를 쓴다면, 게시한 웹 주소를 그 도구의 URL 입력란에 붙여 넣으세요. 나중에 코드를 끄는 도구는 조심하세요. QR TIGER의 사이트는 동적 코드가 정해진 날짜에 만료될 수 있다고 하고, 스캔이 일정 횟수에 이르면 만료되게 할 수도 있다고 안내해요. 여러 장 인쇄하기 전에 휴대폰으로 코드를 한 번 스캔하세요. 미리보기에 내 페이지 주소가 정확히 나오는지, 방문을 따로 세려고 ?utm_source=qr을 붙였다면 그것까지 들어 있는지 확인하세요.

QR Code는 일본과 그 밖의 나라에서 DENSO WAVE INCORPORATED의 등록 상표예요.

인쇄하거나 화면에 띄우기 전에

인쇄한 코드는 고칠 수 없어요. 코드에 든 주소가 계속 페이지를 열어야 해요.

• 게시한 주소를 쓰세요. 상자의 미리보기 링크는 3분 뒤에는 열리지 않아요. 그 링크로 만든 전단지는 인쇄하기도 전에 쓸모가 없어져요.
• 주소 말고 페이지를 바꾸세요. 대시보드의 페이지 화면에 있는 ‘Improve with AI’에 고칠 내용을 적으세요. 고칠 때마다 AI 크레딧이 들고, 기본 모델로는 1개예요. 무료 계정은 10개로 시작해요. 또는 Convika를 Claude, Codex나 다른 MCP 클라이언트에 연결하고, 고친 HTML을 같은 페이지의 새 버전으로 저장해 달라고 하세요. 그리고 ‘게시하기’를 누르세요. 인쇄한 코드가 새 버전을 열고, 주소는 바뀌지 않아요. 직접 고친 파일도 마찬가지예요. 페이지 화면의 ‘New version from a file’에서 올린 다음 게시하세요. 대시보드의 ‘HTML 파일 업로드하기’는 새 주소로 새 페이지를 만들기 때문에, 인쇄한 코드로는 그 페이지가 열리지 않아요.
• 휴대폰 2대로 스캔해 보세요. 아이폰과 안드로이드 휴대폰으로, 사람들이 서 있을 거리만큼 떨어져서 스캔하세요. 페이지가 휴대폰 화면에 맞는지 확인하세요. 스캔하면 스캔한 기기에서 페이지가 열려요.
• 충분히 크게 인쇄하세요. QR TIGER의 안내는 인쇄용 코드의 크기를 32 mm × 32 mm(1.25인치)로 잡아요. 포스터라면 스캔하는 거리의 10분의 1 크기로 만드세요. 같은 안내는 무늬에는 어두운 색을, 배경에는 밝은 색을 쓰라고 권해요.
• 페이지를 계속 게시해 두세요. ‘Unpublish’를 누르면 코드로 페이지가 열리지 않아요. 무료 계정은 모든 페이지를 합쳐 한 달에 페이지뷰 10,000회까지예요. 그달의 페이지뷰가 이 숫자에 이르면 편집이 멈추고, 7일 뒤부터는 코드를 스캔하면 페이지가 멈췄다는 안내가 열려요. 그달이 끝나거나 업그레이드할 때까지 그래요. 2026년 10월 23일 전에 만든 워크스페이스는 2026년 11월 1일 오전 9시(한국 시간)부터 이렇게 돼요.
• 몇 년 동안 쓸 코드라면 내 도메인을 쓰세요. www.yourname.com 같은 주소는 나중에 페이지를 다른 호스팅으로 옮겨도 계속 쓸 수 있어요. 무료 요금제에서는 내 도메인의 하위 도메인을 1개 연결할 수 있어요.

반 학생들에게 페이지나 게임 나눠 주기

ChatGPT, Claude, Gemini로 만든 퀴즈, 학습지, 게임이 있어요. 학생들은 태블릿이나 크롬북으로 열어요. 위의 단계대로 파일을 게시한 뒤, 반 학생들에게 주소를 2가지 방법으로 알려 주세요.

• 슬라이드나 학습지에 넣은 QR 코드. 페이지 화면에서 ‘QR 코드 보기’를 누르면 코드를 그대로 화면에 띄울 수 있어요. ‘PNG 다운로드’를 눌러 슬라이드에 넣거나 학습지에 인쇄할 수도 있어요. 아이패드에서는 학생이 ‘카메라’를 열고, ‘사진’ 모드에서 코드가 카메라 프레임 안에 들어오도록 아이패드를 들고, 화면 하단에 나타나는 링크를 탭해요(Apple의 iPad 사용 설명서). 크롬북에서는 학생이 ‘카메라’를 열고 하단에서 ‘스캔’ > ‘QR 코드’를 선택한 뒤, 나타난 주소를 탭해요(Google의 Chromebook 고객센터). 노트북의 카메라는 학생 쪽을 보고 있어요. 그래서 크롬북이라면 화면의 코드보다 인쇄한 학습지의 코드를 카메라에 대기가 더 쉬워요.
• 칠판에 적은 링크. 카메라가 코드를 읽지 못하는 학생을 위해 주소를 칠판에 적으세요. 업로드한 페이지의 주소는 끝에 무작위 글자와 숫자 몇 개가 붙어 있어서, 학생들이 정확히 따라 적어야 해요. 코드가 있으면 주소를 입력하지 않아도 돼요.

학생마다 파일을 보내는 것(영어)보다 주소 하나가 나아요. 기기마다 파일을 여는 방식이 달라요. Convika가 Apple의 iPhone 시뮬레이터에서 iOS 26.3으로 .html 파일을 시험해 보니, 파일 앱의 미리보기는 JavaScript를 하나도 실행하지 않았어요. 그 안의 퀴즈는 반응하지 않아요. 실수를 고쳐 다시 게시하면, 같은 코드를 스캔하는 학생 모두가 고친 페이지를 받아요.

• 파일 하나로 된 게임이나 퀴즈는 게시한 페이지에서 동작해요. 2026년 10월 13일 Convika의 시험에서, 파일 하나로 된 게임의 스크립트, 키 입력, 탭, 소리, 브라우저에 저장한 최고 점수가 무료 요금제 페이지에서 Chromium, Firefox, WebKit 모두 동작했어요. 무료 요금제에서는 Convika 페이지에 있는 스크립트의 fetch·XHR 요청이 페이지 자신의 주소에만 닿아요. Pro에서는 Google Analytics처럼 Convika가 지원하는 분석 도구와, 내 광고 네트워크용으로 등록한 호스트가 더해져요. 그래서 AI 모델의 API나 다른 서버의 순위표처럼 다른 사이트를 부르는 호출은 무료 요금제에서는 동작하지 않고, Pro에서는 그 호스트가 두 목록 중 하나에 있을 때만 동작해요.
• Google에 나오지 않게 하거나, 칠판에 비밀번호를 적으세요. 무료 요금제에서 게시한 페이지는 ‘전체 공개’예요. QR 코드를 스캔한 사람은 누구나 계정이나 비밀번호 없이 페이지를 열 수 있고, 검색 결과와 Convika 갤러리에 나올 수도 있어요. 둘 다에서 빼려면 게시할 때 ‘누가 이 페이지를 열 수 있나요?’에서 ‘일부 공개’(Pro 또는 1년 패스)를 고르세요. 그러면 Convika가 검색 엔진에 이 페이지를 결과에서 빼 달라고 알리고, 사이트맵에서도 빼요. 코드를 스캔한 사람은 누구나 페이지를 열 수 있고 슬라이드나 전단지를 찍은 사진은 퍼져 나가니, 게시 창에서 ‘비밀번호를 아는 사람만’(Pro)을 고를 수도 있어요. Pro가 있으면 나중에 ‘Site settings’의 ‘Page password’에서 비밀번호를 걸 수도 있어요. 그 비밀번호를 칠판에 적어 반 학생들에게 알려 주세요. 검색 엔진에는 비밀번호 입력 화면만 보여요. 페이지 비밀번호는 Pro로 쓸 수 있어요. Pro 월간(월 $12)이나 1년 패스($29, 한 번 결제)예요. HTML 페이지에 비밀번호를 거는 방법(영어)을 참고하세요.
• 학생들이 이미 파일을 받았다면. 업로드 없이 쓰는 무료 HTML 뷰어를 쓰세요. 내가 보낸 파일만 여세요. 학생들이 예상하지 못한 파일을 고르기 전에는 ‘스크립트 실행’을 끄세요. 그러면 스크립트가 실행되지 않고 폼도 보내지지 않아요. ‘HTML 파일 선택’을 탭하고 파일을 고르세요.

수업 전에 교실 맨 뒤에서, 반에서 쓰는 기기 하나로 코드를 스캔해 보세요. Claude로 만든 페이지라면 먼저 Claude에서 HTML을 꺼내세요. Claude 아티팩트의 공유 링크는 Claude 계정이 있는 사람만 열 수 있는데, 18세 미만 학생은 계정을 만들 수 없어요(학생에게 Claude 아티팩트를 공유하는 방법, 영어). 퀴즈나 복습 게임이라면, 만드는 프롬프트와 Google 클래스룸·Padlet에서 나눠 주는 단계를 AI로 만든 퀴즈나 게임을 학생들과 공유하는 방법(영어)에서 볼 수 있어요.

몇 명이 스캔했는지 보기

스캔은 휴대폰이 페이지를 열어야 집계돼요. Convika는 다른 방문과 똑같이 방문으로 집계해요. 페이지 분석에서는 날짜, 국가, 기기, 유입 경로별 방문을 볼 수 있고, 무료 요금제에서는 최근 90일까지 볼 수 있어요. ‘QR 코드 보기’의 코드에는 태그 없는 주소가 들어 있어서, 그 스캔은 다른 방문과 함께 집계돼요. 스캔을 따로 보려면 주소 끝에 ?utm_source=qr을 붙여 Chrome이나 다른 생성기에서 코드를 만드세요. 그러면 ‘Campaigns (UTM)’ 카드에 코드로 들어온 방문, 폼 응답, 버튼 클릭이 나와요. 전단지가 2종류라면 ?utm_source=qr&utm_campaign=menu처럼 전단지마다 태그를 하나씩 쓰세요. 내가 시험으로 스캔한 것도 집계되고, 누가 스캔했는지는 나오지 않아요. 숫자의 뜻은 페이지 방문자를 확인하는 방법(영어)에 정리되어 있어요.

자주 묻는 질문

HTML 파일을 QR 코드로 만들 수 있나요?

네. 파일을 온라인에 올리고 그 웹 주소로 코드를 만들면 돼요. QR 코드에는 파일 자체가 아니라 링크가 들어가요. 계정 없이 이 페이지의 상자에 파일을 넣거나, 무료 계정을 만들어 바뀌지 않는 주소로 페이지를 계속 게시해 두세요. Convika 대시보드에서 페이지 주소 옆의 ‘QR 코드 보기’를 누르세요. Chrome의 ‘QR 코드 만들기’나 다른 QR 코드 생성기를 써도 돼요. 누군가 코드를 스캔하면 그 사람의 휴대폰 브라우저에서 페이지가 열려요.

HTML 페이지의 QR 코드를 무료로 만들려면 어떻게 하나요?

신용카드가 필요 없는 Convika 무료 요금제로 파일을 게시하면 QR 코드를 무료로 만들 수 있어요. 이 페이지의 상자에 파일을 넣고, 페이지를 보관하고, ‘게시하기’를 고르세요. ‘전체 공개’를 고르고 ‘다음’을 누른 뒤, 처음이라면 ‘무료’를 고르고 ‘무료로 게시하기’를 누르세요. 대시보드의 주소 옆에서 ‘QR 코드 보기’를 누르고 ‘PNG 다운로드’를 고르세요. Chrome도 무료로 코드를 만들어요. 컴퓨터에서는 페이지를 열고 ‘더보기’ > ‘전송, 저장 및 공유’ > ‘QR 코드 만들기’ > ‘다운로드’를 선택하세요. 안드로이드 휴대폰에서는 ‘더보기’ > ‘공유…’ > ‘QR 코드’를 선택하세요. 아이폰이나 아이패드에서는 ‘공유’ > ‘QR 코드 만들기’를 선택하세요.

QR 코드가 갑자기 열리지 않는 이유는 무엇인가요?

코드에 든 주소의 페이지가 바뀌었기 때문이에요. 인쇄한 코드는 인쇄한 뒤에는 바꿀 수 없어요. 코드를 스캔하고 휴대폰에 나오는 링크를 보면 어떤 주소가 들어 있는지 알 수 있어요. 흔한 원인은 이 페이지의 상자에서 받은 미리보기 링크가 든 코드예요. 이 링크는 3분 동안만 열려요. 페이지의 게시를 중단했거나, ‘HTML 파일 업로드하기’로 파일을 다시 올려 새 주소의 새 페이지가 생긴 경우도 있어요. 다른 회사의 생성기 중에는 만료되는 코드를 만드는 곳도 있어요. QR TIGER의 페이지는 동적 코드를 그렇게 설정할 수 있다고 안내해요.

QR 코드를 인쇄한 뒤에 페이지를 바꿀 수 있나요?

네, 페이지 주소가 그대로라면 인쇄한 뒤에도 바꿀 수 있어요. 대시보드의 페이지 화면에서 ‘Improve with AI’로 내용을 바꾸거나, Convika에 연결한 Claude, Codex나 다른 MCP 클라이언트에게 새 HTML을 새 버전으로 저장해 달라고 한 뒤 ‘게시하기’를 고르세요. 주소는 그대로라서 인쇄한 코드가 새 버전을 열어요. 다른 곳에서 고친 파일이라면 대시보드의 ‘HTML 파일 업로드하기’가 아니라 페이지 화면의 ‘New version from a file’을 쓰세요. ‘HTML 파일 업로드하기’는 새 주소로 새 페이지를 만들어요. 고친 내용이 잘못되면 이전 버전으로 되돌리세요.

QR 코드를 몇 명이 스캔했는지 어떻게 보나요?

코드로 페이지에 들어온 방문을 세면 돼요. 페이지 주소에 ?utm_source=qr을 붙이고, 그 주소로 Chrome이나 다른 생성기에서 코드를 만드세요. Convika의 ‘QR 코드 보기’에는 태그 없는 주소가 들어 있기 때문이에요. 페이지 분석에서 ‘Campaigns (UTM)’ 카드를 열면, 코드로 들어온 방문, 폼 응답, 클릭을 무료 요금제에서 최대 90일까지 볼 수 있어요. 스캔은 휴대폰이 페이지를 열 때 집계돼요. 내가 시험으로 스캔한 것도 집계돼요.