mio Daily Desk 만들기｜전체 코드와 검증 가이드

한국어 공부를 하려다가 유학 준비 메모가 생각나고, 글을 쓰려다가 저장해 둔 공개 자료를 다시 찾습니다. 중요한 일이 여러 개라서 어느 것부터 시작할지 망설일 때, 저에게는 더 많은 알림보다 한 화면에서 다음 행동을 고르는 조용한 도구가 필요했습니다.

안녕하세요, mio입니다. 저는 일본인으로 영어와 한국어를 배우고 있습니다. 아직 한국 유학을 경험한 사람처럼 말하지 않겠습니다. 지금의 공부와 생활, 글쓰기에 맞는 도구를 제 PC에서 만들고 시험했고, 앞으로 유학을 가게 된다면 어디까지 쓸 수 있을지도 구분해 보았습니다.

이 글은 앱을 소개만 하는 글이 아닙니다. 구매 후에는 아래에 실린 10개 파일의 전체 코드를 자기 PC의 폴더에 복사해 로컬 화면을 실행하고, 익명 예시로 메모·공개 RSS·XML·JSON 복원까지 확인할 수 있습니다. 앱을 새로 설계해 보고 싶은 분에게는 Codex용 단계별 전체 지시문도 드리지만, 그 지시문만으로 제가 제공하는 것과 바이트 단위로 같은 코드가 자동 생성된다고 약속하지 않습니다.

mio가 등장하는 사진풍 장면은 고정 원본 사진을 참조해 만든 연출 이미지로, 개발 현장이나 한국 생활을 기록한 사진이 아닙니다. 앱 화면 캡처는 가상 데이터를 넣어 실제 로컬 앱에서 촬영했습니다.

구매 전 목차 — 아래 네 절은 지금 읽을 수 있습니다. 상세 조작과 전체 코드는 구매 후에 열립니다.

• 무엇을 완성하고 무엇을 받는가
• 실제 화면과 확인한 결과
• 필요한 환경·추가 비용·제외한 기능
• 먼저 읽을 수 있는 무료 소개 글
• 구매 후: 10개 파일의 복사, 익명 데이터로 실행·테스트, RSS/XML, Codex로 재구성, 백업·복원, 다른 용도로 변경하는 법

무엇을 완성하고 무엇을 받는가

완성하는 것은 mio Daily Desk라는 개인용 로컬 Web 앱입니다. ‘학습·생활·발신’ 세 영역에 제목, 첫 행동, 기한, 중요도, 상태, 근거 URL을 적으면 오늘 볼 항목을 최대 세 개까지 보여 줍니다. 순서는 AI가 마음대로 정하지 않습니다. 입력한 기한과 중요도, 상태를 바탕으로 한 고정 규칙이므로, 왜 먼저 나오는지 사람이 다시 판단할 수 있습니다.

이 한국어 실전편에서 드리는 것은 제가 독립적으로 만든 앱의 10개 파일 전체 소스, 어느 폴더에 무엇을 저장할지 보여 주는 배치도, 한 줄씩 확인하는 실행·테스트, 가상의 RSS/XML, 오류가 날 때 원래 데이터로 돌아오는 법, Codex용 독자 대상 재구성 지시문입니다. 원본 제작자의 무료 코드를 옮기거나, 인물 사진·기사 삽화를 코드에 묶어 파는 글이 아닙니다. 앱 화면의 버튼과 예시 문구는 현재 일본어입니다. 한국어 설명을 붙여 사용법을 안내하지만, 완전한 한국어 UI가 들어 있다고 약속하지 않습니다.

실제 화면과 확인한 결과

2026년 9월 28일, macOS 27.0·Node.js 26.0.0·Chrome 153에서 버전 1.0을 실행했습니다. 빈 브라우저 상태에는 가상의 메모 네 건이 들어가고, 그중 완료한 한 건을 제외한 세 건이 오늘의 후보로 보였습니다. 메모를 추가한 뒤 다시 열어도 남았고, 390px와 320px의 좁은 Chrome 화면에서 오른쪽 끝이 잘리지 않는지도 봤습니다. 실제 휴대전화가 PC의 로컬 서버에 접속해 쓴 결과는 아닙니다.

이 글에 싣는 소스와 같은 배포용 구성을 별도 폴더에 펼쳐 node --test core.test.mjs server.test.mjs를 실행해 19건 통과, 0건 실패를 확인했습니다. 가상의 XML을 처음 넣었을 때는 서로 다른 두 항목이 추가되고, 추적 매개변수만 다른 세 번째 항목은 보류됐습니다. 공개 RSS 한 곳을 수동으로 갱신했을 때 20건, 같은 URL을 다시 갱신했을 때 신규 0건·URL 중복 20건이었습니다. 한 날짜·한 피드에서의 결과이지 모든 피드나 미래의 서비스 상태를 보증하지는 않습니다.

메모 여섯 건과 피드 설정 한 건이 담긴 익명 백업 JSON도 별도 화면에서 복원해, 시험용 추가 메모가 없어지고 원래 내용이 재읽기 후에도 남는 것을 확인했습니다. 복원 버튼은 현재 내용을 통째로 바꾸므로 반드시 먼저 현재 내용을 다시 내보내야 합니다. 복원 전의 건수 미리보기만 보고 성공했다고 말하지 않습니다.

필요한 환경·추가 비용·제외한 기능

Node.js 22 이상을 사용할 수 있는 PC와 최신 브라우저가 필요합니다. 22 이상은 설계상 예상 범위이고 실제로 시험한 것은 Node.js 26 / macOS / Chrome입니다. Windows, Node.js 22, 실제 스마트폰에서의 사용은 아직 실기기 확인을 마치지 않았습니다. 이 앱 자체에는 외부 npm 패키지, AI API 키, 추가 월 구독이 필요하지 않습니다. 다만 Codex에 새 앱 제작·변경을 부탁한다면 해당 서비스의 계정 조건과 이용료는 자신의 환경에서 확인해야 합니다. 공개 RSS를 갱신하면 그 공개 사이트로 통신합니다.

앱은 127.0.0.1에서만 열리고, 저장 내용은 같은 PC·같은 브라우저·같은 포트의 localStorage에 평문으로 놓입니다. 자동 백업·암호화·클라우드 동기화·로그인·다른 사람과의 공동 사용은 없습니다. 메일·일정 연결, AI 자동 판단, 예약 실행, 자동 게시, 공개 Web 배포도 포함하지 않습니다. 이 한국어 실전편의 가격은 US$9.80의 1회 결제입니다. 구매 전 결제 화면의 세금·환불 조건을 확인해 주세요.

먼저 읽을 수 있는 무료 소개 글

만드는 절차가 필요한지 아직 판단이 서지 않으면, 먼저 한국어 무료 소개 글을 읽어 보세요. 원래 발상의 출처, 제 앱의 화면, 현재 공부와 장래 유학 준비에 어떻게 쓸지, 그리고 할 수 없는 일까지 무료로 적었습니다. 원본은 Matt Wolfe가 Codex와 만든 사업용 Control Center이며, 저의 버전은 그 코드와 화면을 복제하지 않은 별도 구현입니다.

여기까지가 구매 전의 판단 자료입니다. 구매 후에는 코드를 파일별로 복사해 실제로 시작하고, 익명 예시가 기대한 결과를 내는지 확인합니다. 로그인 기능이나 인터넷 공유까지 있는 제품이 필요한 분에게 이 로컬 버전을 권하지는 않습니다.