2021년 여름이었나요? 외부 미팅 중에 급하게 클라이언트로부터 HTML 형식의 결과물 시안을 확인해달라는 요청을 받은 적이 있습니다. 노트북은 차에 있고, 폰으로 파일을 다운로드했는데… 화면에는 정체를 알 수 없는 외계어만 가득하거나 아예 열리지 않더군요.
결국 저는 5분 만에 해결책을 찾아냈고, 무사히 미팅을 마쳤습니다. 사실 스마트폰은 이미 HTML을 읽을 수 있는 모든 준비가 되어 있습니다. 다만 ‘어떤 앱으로 연결할지’를 우리가 지정해주지 않았을 뿐이죠. 오늘 이 글을 읽고 나면, 여러분의 폰은 훌륭한 웹 뷰어가 될 것입니다.
1. 안드로이드(Android)에서 실행하는 법
안드로이드는 파일 시스템이 비교적 자유로워 매우 쉽습니다. 핵심은 ‘연결 프로그램’ 설정입니다.
- ✅ 내 파일 앱 활용: ‘내 파일’ 앱에서 해당 HTML 파일을 꾹 누릅니다.
- ✅ 연결 프로그램 선택: ‘연결 프로그램’이나 ‘다음으로 열기’를 선택한 후 Chrome(크롬)이나 삼성 인터넷을 선택하세요.
- ✅ HTML 뷰어: 기본 앱 중 ‘HTML 뷰어’가 있다면 그것으로도 텍스트 내용을 바로 확인할 수 있습니다.
“솔직히 고백하자면, 저도 가끔 파일 경로가 꼬여서 안 열릴 때가 있습니다. 그럴 땐 크롬 주소창에 직접 file:///sdcard/Download/파일이름.html이라고 쳐보세요. 웬만한 파일은 강제로 열립니다.”
2. 아이폰(iOS)에서 실행하는 법
아이폰은 ‘파일(Files)’ 앱을 거쳐야 합니다. 조금 번거로워 보이지만 한 번 해두면 익숙해집니다.
- ✅ 파일 앱으로 저장: 카톡이나 메일로 받은 파일을 우선 아이폰의 ‘파일’ 앱 내 폴더에 저장합니다.
- ✅ 미리보기 활용: 파일 앱에서 해당 HTML 파일을 터치하면 기본적으로 ‘훑어보기’가 실행되어 화면이 뜹니다.
- ✅ 사파리로 열기: 더 정확한 렌더링을 원한다면, 왼쪽 하단 ‘공유’ 버튼을 눌러 Safari(사파리) 아이콘을 선택하세요.
💡 코드캠의 실전 TIP: 소스 코드가 보고 싶다면?
단순히 결과 화면이 아니라 코드를 수정하거나 보고 싶다면 기본 뷰어로는 한계가 있습니다. 안드로이드는 ‘Acode’, 아이폰은 ‘Koder’ 같은 무료 앱을 추천합니다. 구문 강조(Syntax Highlighting) 기능이 있어 PC 부럽지 않은 가독성을 보여줍니다.
3. 절대 하지 말아야 할 실수 (인코딩 문제)
파일을 열었는데 글자가 다 깨져서 보인 적 있으시죠? 이는 대부분 ‘인코딩(Encoding)’ 문제입니다. 한글 파일의 경우 EUC-KR과 UTF-8 방식이 충돌할 때 발생합니다.
이럴 땐 당황하지 마세요. 파일을 연 브라우저에서 메뉴 버튼을 눌러 ‘데스크톱 사이트로 보기’를 누르거나, 앞서 추천해 드린 전용 편집기 앱에서 인코딩 방식을 UTF-8로 변경하면 깨끗한 한글을 볼 수 있습니다.
스마트폰으로 웹 개발 공부를 시작하는 분들을 위한 제언
이제 HTML 파일을 여는 법을 알았으니, 단순히 보는 것에 그치지 마세요. 스마트폰 메모장에 <h1>안녕하세요</h1>이라고 적고 test.html로 저장해 보세요. 그리고 방금 배운 방법으로 열어보십시오. 내 손안에서 웹페이지가 만들어지는 순간, 여러분은 이미 초보 개발자의 길에 들어선 것입니다.
혹시 특정 앱에서 파일이 안 열리거나 ‘권한 거부’ 메시지가 뜨나요? 댓글로 폰 기종을 남겨주시면 해결 방법을 함께 고민해 보겠습니다!
