들어가기 전에
웹 서핑을 하거나 기사를 검색하다가 메모를 남겨야 할 경우가 있습니다. 이럴 때 참고해야 할 정보를 한곳에 모아두면 웹페이지 수를 줄일 수 있고, 필요한 정보를 쉽게 찾을 수 있습니다. 워드 프로세서가 없거나, 메모를 하고 싶지만 앱을 따로 설치하고 싶지 않을 때 도움이 될 팁을 소개합니다(딱 한 줄 텍스트로 해결 가능).
해야 할 일
Microsoft Edge, Google Chrome, Mozilla Firefox 또는 Opera 등 자신이 사용하는 웹 브라우저를 엽니다. 그런 다음 아래 텍스트를 브라우저의 주소 입력창에 붙여넣기 합니다.
data:text/html, <html contenteditable>
Enter를 누르면 웹 브라우저에 메모장이 생깁니다. 여기에는 텍스트뿐만 아니라 이미지를 붙여넣을 수도 있습니다.
작업 내용을 HTML 문서로 저장하려면 Ctrl + S 를 누르고 PC에 저장할 위치를 선택합니다.
다음과 같이 입력(또는 복사)하고 Enter를 눌러보세요.
data:text/html;charset=utf-8,<html contenteditable><h1>안녕하세요!</h1><p>이 문장은 편집 가능합니다.</p></html>
결과는 다음과 같습니다.
작동 원리
(1) data:text/html,
이것은 data URL입니다. 웹 브라우저에게 이 뒤에 오는 문자열을 HTML 콘텐츠로 해석하라는 뜻입니다. 즉, 외부 서버 없이 브라우저 내에서 직접 HTML을 생성하고 보여주게 됩니다.
(2) <html contenteditable>
contenteditable 속성이 있는 HTML 요소는 직접 편집이 가능합니다. 이 속성이 <html> 태그에 붙으면, 문서 전체가 편집 가능해집니다.
마치며
이 간단한 방법은 주소창만으로 간단한 HTML 기반 메모장을 만들거나 HTML 태그 실험용으로 활요할 수 있습니다. 또한 외부 서버 없이 코드 테스트를 공유할 수도 있습니다(단, 야주 단순하고 짧은 내용에 한해). 모든 도구가 그렇듯, 어떻게 활용하느냐는 여러분 몫으로 남겨둡니다.
'IT Info' 카테고리의 다른 글
| Windows 전문 사용자를 위한 최고의 듀얼 패널 파일 관리자 5가지 (0) | 2025.07.07 |
|---|---|
| AI를 사용하여 간단한 프롬프트로 웹사이트와 앱 만들기 (0) | 2025.07.06 |
| 최근 공유된 정보 목록 (0) | 2025.07.03 |
| MS Word 문서를 탐색하기 쉽게 만드는 5가지 방법 (0) | 2025.07.03 |
| 챗GPT에서 폴더를 사용할 수 있게 해주는 확장 프로그램 4가지 (2) | 2025.07.02 |
