처음부터 결제와 회원 기능이 있는 서비스를 만들기보다, 입력을 받아 파일로 내려주는 한 페이지 도구부터 끝내 보세요. MOSTRIA의 출처 점검표와 시간·비용 기록기를 예로, 무엇을 요청하고 어떻게 결과를 검사할지 설명합니다.
두 도구는 입력 내용을 현재 브라우저에 저장합니다. AI가 대신 사실을 판정하거나 결제 내역을 자동으로 조회하지 않습니다.
텍스트 파일을 만들 수 있는 편집기, 브라우저, 코드를 작성할 수 있는 AI 대화 도구가 필요합니다. AI 요금제는 본인 계정에서 확인하세요. MOSTRIA의 완성본은 무료로 이용할 수 있습니다.
“누구나 쓸 도구” 대신 “AI가 만든 조사 글을 공개하기 전에 출처를 확인하려는 사람”이라고 적으세요.
“질문, 주장, 근거와 확인 상태를 하나의 파일로 가져간다”를 완성 기준으로 삼습니다. 예쁜 첫 화면만 생겼다고 끝난 것이 아닙니다.
브라우저에서 사용할 수 있는 단일 index.html 파일을 만들어 줘.
목적: AI 조사 글을 공개하기 전 출처 확인 기록을 남긴다.
화면:
- 질문 입력칸
- 한 줄에 주장 하나를 입력하는 칸
- 근거 주소와 확인 메모를 추가하거나 지우는 행
- 주장별 공식 근거, 날짜, 내용 일치, 반대 근거 확인 체크
- 모든 항목을 확인한 주장 비율
- 마크다운 파일 내보내기 버튼
조건:
- 입력은 localStorage에 저장한다.
- 사용자의 문자열은 HTML로 실행하지 않고 글자로 표시한다.
- 주장 위에 새 줄을 넣어도 체크는 원래 문장에 남아야 한다.
- 390px와 1440px 화면에서 주요 기능을 사용할 수 있어야 한다.
- 서버, 회원가입, 자동 검색, 외부 AI API, 분석 도구는 제외한다.
파일 전체와 실행 방법을 제시해 줘.
직접 실행할 수 없다면 실행하지 않았다고 명시해 줘.
편집기에 코드를 넣고 이름을 index.html로 저장한 뒤 브라우저로 여세요. 이름이 index.html.txt가 되지 않았는지 확인합니다. 코딩 도구가 이미 파일을 만들었다면 그 파일을 엽니다.
파일을 바로 연 경우 저장 동작은 브라우저마다 다를 수 있습니다. 실제 배포 주소에서도 새로고침과 파일 내보내기를 다시 시험해야 합니다. 이 차이는 MDN localStorage 문서에 설명돼 있습니다.
질문 한 줄, 주장 한 줄, 공개 근거 주소 한 개를 입력하세요. 네 확인란을 체크하고 내보낸 파일을 메모장으로 엽니다. 입력한 내용이 실제 파일에 있어야 통과입니다.
체크한 주장 위에 새로운 주장을 끼워 넣습니다. 체크가 새 주장으로 이동한다면 다음처럼 고쳐 달라고 요청하세요.
주장 위에 새 문장을 넣었더니 기존 체크가 새 문장으로 옮겨 붙었다.
줄 번호에 연결된 상태인지 확인해 줘.
같은 문장은 순서가 바뀌어도 체크를 유지하게 고치고,
새 문장은 미확인 상태로 시작하는지 다시 시험해 줘.
문장을 기준으로 저장해도 동일한 문장이 중복될 때는 구분이 어려울 수 있습니다. 현재 MOSTRIA 도구도 같은 문장을 서로 다른 주장으로 구분해 관리하는 용도로는 제한이 있습니다.
비용 기록기에서 시작을 누르고 잠시 기다린 뒤 새로고침하세요. 시간이 처음으로 돌아가면 수정이 필요합니다. 멈춤 뒤에는 시간이 늘지 않아야 합니다.
2026년 9월 7일 게시 전 검사에서 새로고침 전 2초였던 타이머가 이후 3초로 이어졌고, 멈춤 뒤에는 3초를 유지했습니다. 이는 기능 시험 값이며 작품 제작에 든 시간이 아닙니다.
CSV를 만드는 도구는 입력 문자열이 스프레드시트에서 수식으로 해석될 수 있습니다. OWASP CSV Injection 안내에서 위험과 방어 시 주의점을 확인할 수 있습니다.
비용 기록기는 =1+1 같은 메모 앞에 작은따옴표를 추가합니다. 오늘 검사에서는 내보낸 파일의 처리를 확인했습니다. 모든 스프레드시트에서 안전하다는 보장은 아니므로 외부에서 받은 파일은 계속 주의해서 여세요.
실행 주소, 입력 예시, 정상 결과, 실패했을 때의 행동을 남깁니다. 자동 저장은 백업과 다릅니다. 사이트 데이터 삭제나 다른 기기로 이동하기 전에 파일을 내려받으세요.
이번 글은 구현된 두 도구를 바탕으로 AI와 함께 정리한 제작 안내입니다. 운영자 개인이 처음부터 따라 한 시간·요금·수정 횟수는 측정하지 않았습니다. “몇 분 만에 누구나 완성”이라고 보장하지 않습니다. 390px 화면, 저장, 새로고침, 내보내기는 자동 브라우저로 확인했습니다. 공식 문서 확인일: 2026년 9월 7일.
명이 감탄했어요
Replies