Indie Maker (indiemaker.nlink.kr) — Action Roadmap & Bilingual Tech English Backlog (v109) | 출력일자: 2026-10-11 08:16

🗺️ 메이커 실전 액션 로드맵 & 한영 대역 백로그

Pieter Levels (@levelsio) 스타일의 1인 메이커 정신 — 초경량 순수 PHP, SQLite WAL, 노-빌드 초고속 로딩, 책임 있는 AI 보안 가디언과 실전 글로벌 론칭(Product Hunt / HN) 영어 표현집이 결합된 상시 펼침형 로드맵입니다.

전체 태스크

11개

완료 (Completed)

3개

예정 백로그 (TODO)

8개

진척도 (Progress)

27%

서비스 비전 / Vision: Pieter Levels (@levelsio) 스타일 — 초경량 순수 PHP, 바닐라 JS, SQLite WAL 모드, 노-빌드 초고속 로딩, 1인 AI 메이커 친화적 네이티브 UX.

Ultra-fast, single-file mindset: pure PHP, vanilla JS, SQLite WAL, zero bloated build steps, built for solo AI makers.

현재 버전 / Current Version: v107 (Print-Ready Bilingual Roadmap & Complete Mobile-First Layout)

인쇄 안내 / Print Guide: 브라우저에서 Cmd + P (또는 Ctrl + P)를 누르면 A4 용지에 맞춘 인쇄물/PDF로 즉시 출력됩니다.

📌 1. 현재 완료된 기능 베이스라인 (Completed Baseline — v106)

도메인 소유권 실시간 인증 모듈

✅ 완료 (Completed)

🇺🇸 English: Real-time Domain Ownership Verification Module (domain_verifier.php)

🇰🇷 한글: 타인 도메인 무단 등록을 원천 차단하고 본인 서비스임을 증명하는 2가지 검증(HTML 메타태그 및 원클릭 파일 다운로드) 시스템을 구축했습니다.

🇺🇸 English: Built a dual verification system (HTML meta tag and one-click file download) to strictly prevent unauthorized domain registration and prove authentic project ownership.

☑ HTML 메타태그 실시간 검증 ()
☑ 원클릭 인증 파일 다운로드 및 루트 파일 확인 (maker-verify.txt)
☑ 검증 완료 시 🛡️ 소유권 인증 완료 메이커 골드 뱃지 부여

💬 실전 론칭 영어 (Launch Pitching & Phrase)

"We verify domain ownership on maker.nlink.kr to keep the showcase 100% authentic and scam-free."

(우리는 쇼케이스의 진정성을 유지하고 사칭을 방지하기 위해 도메인 소유권을 실시간으로 검증합니다.)

AI 실시간 사이트 정밀 기술 점검 및 4대 영역 스코어링

✅ 완료 (Completed)

🇺🇸 English: AI-Powered Real-time Technical Site Health Inspection & 4-Pillar Scoring

🇰🇷 한글: cURL 프로빙을 통해 실제 사이트의 응답속도(ms), SSL/보안헤더, 모바일 뷰포트, PWA 매니페스트를 실측하여 Gemini AI가 4대 영역별 점수와 기술 감사 리포트를 발행합니다.

🇺🇸 English: Measures real-world site latency (ms), SSL/security headers, mobile viewport, and PWA manifest via cURL probing, with Gemini AI generating 4-pillar audit scores and technical feedback.

☑ ⚡ 성능(Performance), 🔒 보안(Security), 📱 모바일/PWA, 🌐 SEO/소셜 4대 영역별 100점 만점 스코어링
☑ Gemini Flash 기반 상세 기술 진단서 (💡 기술적 강점, 🛠️ 1시간 퀵픽스 팁, 🚀 비즈니스 확장 제안)
☑ 프로젝트 상세 모달 내 실측 기술 지표 대시보드 시각화

💬 실전 론칭 영어 (Launch Pitching & Phrase)

"Our project scored 96/100 on the Indie Maker Technical Audit with a blazing 140ms response time and full PWA support!"

(저희 프로젝트가 인디 메이커 기술 감사에서 140ms의 초고속 응답속도와 완벽한 PWA 지원으로 96점을 기록했습니다!)

모바일 퍼스트(Mobile-First) 안심 UI/UX 최적화

✅ 완료 (Completed)

🇺🇸 English: Mobile-First Native App Experience & Layout Hardening

🇰🇷 한글: 360px 모바일 화면에서도 1px의 어긋남 없이 완벽하게 작동하는 모달 바텀시트, 2열 균등 탭 그리드, 전폭 다운로드 버튼을 완성했습니다.

🇺🇸 English: Hardened modal bottom-sheet, balanced 2-column tab grid, and full-width download button for flawless responsiveness down to 360px mobile viewports.

☑ 360px 모바일 폭 대응 2열 균등 탭 그리드 (① HTML 메타태그 / ② 파일 업로드)
☑ 상단 플로팅 업데이트 배너 모던 카드형 레이아웃 및 텍스트 줄바꿈 보호
☑ 모달 헤더 고정 그림자 및 바디 상단 여백 확보로 폼 라벨 잘림 현상 원천 해결

💬 실전 론칭 영어 (Launch Pitching & Phrase)

"Crafted with a mobile-first philosophy, ensuring silky-smooth navigation even on the narrowest mobile screens."

(가장 좁은 모바일 화면에서도 실크처럼 매끄러운 사용성을 보장하는 모바일 퍼스트 철학으로 제작되었습니다.)

⚡ 2. 1단계: Quick-Win (P0 / 즉시 가동, 1~2시간 컷)

적은 개발 공수로 즉각적인 바이럴 유입과 UX 완성도를 대폭 끌어올릴 수 있는 최우선 백로그입니다.

flowchart LR
    A["메이커 웹사이트 / GitHub"] -->|"실시간 SVG 뱃지 호출"| B["/badge.php?slug=..."]
    B -->|"클릭 시 상세 이동"| C["maker.nlink.kr 쇼케이스"]
    C -->|"신규 메이커 유입"| D["바이럴 성장"]

1) [P0-1] 외부 임베드용 실시간 메이커 뱃지 위젯 (`/badge.php`)

⏳ 예정 (TODO)

🇺🇸 English: Embeddable Live SVG Badge Widget for Maker Websites

🇰🇷 한글 계획: 메이커가 자기 웹사이트 풋터나 GitHub README에 달아 실시간 기술 점수와 소유권 인증을 증명할 수 있는 고해상도 SVG 뱃지를 제공합니다.

🇺🇸 English: Provide an embeddable live SVG badge for makers to showcase on their websites and READMEs to prove technical score and verified status.

☐ 순수 PHP SVG XML 렌더링 엔드포인트 구현 (외부 의존성 제로)
☐ 브라우저 및 CDN 캐시 헤더 적용 (Cache-Control: public, max-age=3600)
☐ 상세 모달 내에 마크다운([![...]](...)) 및 HTML 원클릭 복사 스니펫 제공
☐ test_maker_suite.php에 뱃지 SVG 출력 및 Content-Type 검증 테스트 추가

💬 실전 론칭 영어 (Launch Pitching & Phrase)

"Show off your verified maker status with our live SVG badge. Just copy and paste one line into your README!"

(실시간 SVG 뱃지로 인증된 메이커 지위를 자랑하세요. README에 한 줄만 복사해 넣으면 끝납니다!)

2) [P0-2] AI 기술 감사 리포트 원클릭 클립보드 복사 & X(Twitter) 바이럴 공유

⏳ 예정 (TODO)

🇺🇸 English: One-Click AI Audit Report Clipboard Copy & X (Twitter) Viral Sharing

🇰🇷 한글 계획: 메이커가 자신의 높은 점수와 AI 피드백을 SNS에 원클릭으로 자랑하고 바이럴을 일으킬 수 있는 공유 기능을 구현합니다.

🇺🇸 English: Implement one-click sharing so makers can boast about their high audit score and AI feedback on social media to trigger viral growth.

☐ 모바일 Web Share API 연동 및 클립보드 텍스트 자동 복사 토스트 알림
☐ Twitter Web Intent URL (https://twitter.com/intent/tweet?text=...) 원클릭 연동
☐ 오픈그래프 다이내믹 소셜 카드 메타태그 보강

💬 실전 론칭 영어 (Launch Pitching & Phrase)

"Proud to share that my new app just scored 95/100 on Indie Maker Technical Audit! Check out the live breakdown."

(제 새로운 앱이 Indie Maker 기술 감사에서 95점을 받았다는 소식을 전하게 되어 자랑스럽습니다! 실시간 리포트를 확인해 보세요.)

3) [P0-3] URL 입력란 자동 프로토콜 정규화 및 모바일 키패드 최적화

⏳ 예정 (TODO)

🇺🇸 English: Automatic URL Protocol Normalization & Mobile Keypad Optimization

🇰🇷 한글 계획: mysite.com만 입력해도 자동으로 https://를 채워주고, 모바일 가상 키패드가 URL 모드로 작동하도록 최적화합니다.

🇺🇸 English: Auto-prepend https:// on blur when users type naked domains, and optimize mobile virtual keypads for URL entry.

☐ blur 이벤트 시 자동 https:// 프로토콜 보정
☐ 모바일 키패드 type="url" 및 inputmode="url" 표준화

💬 실전 론칭 영어 (Launch Pitching & Phrase)

"Frictionless onboarding: simply enter your domain name, and we handle protocol normalization and DNS resolution automatically."

(마찰 없는 등록 경험: 도메인 이름만 입력하시면 프로토콜 정규화와 DNS 해석을 자동으로 처리합니다.)

🛡️ 3. 2단계: Core Sprint — AI 보안 가디언 (P1 / 핵심 가치)

인디 메이커의 프로덕트를 안전하게 지키고 개인정보 노출 위험을 원천 방어하는 책임 있는 보안 공개(Responsible Disclosure) 특화 시스템입니다.

flowchart TD
    A["1. 도메인 소유권 확인 완료"] --> B["2. 비침해 표면 보안 점검<br/>(.env 노출 / 평문 패스워드 전송 등)"]
    B --> C{"치명적 개인정보/보안 위험?"}
    C -- "정상 (안전)" --> D["쇼케이스 정상 공개<br/>(🛡️ 보안 인증 뱃지 부여)"]
    C -- "위험 (Critical)" --> E["🛡️ [프라이빗 안전 모드] 자동 전환<br/>(외부 주소 노출 차단 / 블라인드)"]
    E --> F["소유자 이메일(SES)로<br/>1급 비밀 취약점 리포트 발송"]
    F --> G["메이커 핫픽스 후 [원클릭 재점검] ➔ 통과 시 즉시 공개"]

1) [P1-Guard-1] 비침해 표면 보안 3대 결함 자동 점검

⏳ 예정 (TODO)

🇺🇸 English: Non-Invasive Surface Security Inspection for 3 Critical Vulnerabilities

🇰🇷 한글 계획: 공격을 시도하지 않고, 외부에 실수로 노출된 설정 결함(환경변수 유출, 비암호화 패스워드 전송, 디렉토리 리스팅)을 1초 만에 안전하게 검사합니다.

🇺🇸 English: Safely inspects unintentionally exposed configuration flaws (leaked environment variables, unencrypted password forms, directory listing) in 1 second without invasive penetration testing.

☐ 치명적 파일 노출 점검 (/.env, /.git/config, database.sqlite, backup.sql의 200 OK 여부)
☐ 비암호화(HTTP) 환경에서의 패스워드 폼() 존재 감지
☐ 디렉토리 리스팅(Index of /) 허용 여부 체크
☐ domain_verifier.php 내에 probeSurfaceSecurity($url) 경량 프로빙 함수 구현

💬 실전 론칭 영어 (Launch Pitching & Phrase)

"We passively scan for common developer mistakes like exposed .env files and unencrypted login forms to protect your users."

(우리는 사용자를 보호하기 위해 노출된 .env 파일이나 비암호화 로그인 폼 같은 흔한 개발자 실수를 비침해적으로 점검합니다.)

2) [P1-Guard-2] 프라이빗 안전 모드(Private Safety Mode) 자동 전환 및 주소 보호

⏳ 예정 (TODO)

🇺🇸 English: Automatic Private Safety Mode Transition & URL Shielding

🇰🇷 한글 계획: 치명적 취약점이 감지되면 프로젝트 쇼케이스 공개를 일시 보류하고 주소(URL)를 외부 차단하여 해커의 표적이 되는 것을 선제 방어합니다.

🇺🇸 English: Automatically put projects on safety hold (status = 'safety_hold') and shield URLs when critical vulnerabilities are detected to prevent them from becoming targets for hackers.

☐ 쇼케이스 피드에서 해당 사이트 URL 및 상세 링크 노출 차단 (블라인드)
☐ 제3자에게는 취약점 내용을 일절 비공개 (공격자의 '취약점 정찰 도구 악용' 원천 차단)
☐ 메이커 본인의 대시보드에만 비공개 경고 및 해결 가이드 배너 표시

💬 실전 론칭 영어 (Launch Pitching & Phrase)

"If any critical vulnerability is detected, your project URL is immediately placed on safety hold until you patch it."

(치명적 취약점이 발견되면, 패치를 완료할 때까지 귀하의 프로젝트 URL은 즉시 프라이빗 안전 모드로 보호됩니다.)

3) [P1-Guard-3] 소유자 전용 비밀 취약점 리포트 발송 (AWS SES & 대시보드)

⏳ 예정 (TODO)

🇺🇸 English: Owner-Exclusive Confidential Vulnerability Report (AWS SES & Dashboard)

🇰🇷 한글 계획: 도메인 소유권이 확인된 메이커의 등록 이메일로 1-Click 해결 팁(Nginx 403 차단 코드 등)을 담은 비밀 진단서를 발송합니다.

🇺🇸 English: Send confidential diagnostic reports containing 1-click remediation snippets (e.g. Nginx 403 deny rules) exclusively to verified domain owners via AWS SES.

☐ AWS SES 기반 보안 경보 이메일 발송 템플릿 구현
☐ 이메일 내에 메이커 전용 원클릭 [🛡️ 핫픽스 완료 및 재점검(Re-Audit)] 링크 제공
☐ 취약점 해결 확인 시 즉시 정식 쇼케이스로 자동 승격

💬 실전 론칭 영어 (Launch Pitching & Phrase)

"You will receive a confidential security audit directly to your inbox with copy-pasteable Nginx and Apache fixes."

(복사해서 바로 붙여넣을 수 있는 Nginx 및 Apache 해결책이 포함된 비밀 보안 감사 리포트를 이메일로 받아보실 수 있습니다.)

4) [P1-Core-1] 메이커 프로필 페이지 (`/@username`)

⏳ 예정 (TODO)

🇺🇸 English: Maker Public Profile & Portfolio Page (/@username)

🇰🇷 한글 계획: 메이커 닉네임 클릭 시 해당 메이커가 등록한 모든 프로덕트와 총 획득 업보트 수를 한눈에 볼 수 있는 포트폴리오 뷰를 제공합니다.

🇺🇸 English: Showcase a portfolio view of all projects launched by a maker and their aggregate upvote count upon clicking their username.

☐ /api.php?action=get_maker_profile&username=... 엔드포인트 구현
☐ 누적 론칭 수, 보안 인증 뱃지 수, 전체 프로덕트 목록 노출

💬 실전 론칭 영어 (Launch Pitching & Phrase)

"Build your maker reputation. Show off your track record of shipped products and verified security credentials in one clean profile."

(메이커로서의 평판을 쌓으세요. 출시한 제품들의 이력과 검증된 보안 자격을 하나의 깔끔한 프로필에서 보여줄 수 있습니다.)

🌐 4. 3단계: Scale & Ecosystem (P2 / nlink 패밀리 시너지 & 중장기)

nlink 생태계의 다른 프로젝트들과 유기적으로 결합하여 차별화된 시너지를 창출합니다.

연계 프로젝트 / Service	시너지 구현 방안 / Synergy Implementation	기대 효과 / Expected Outcome
`img.nlink.kr`	등록된 웹사이트 썸네일을 1000px WebP로 자동 최적화 호스팅 Auto-optimized 1000px WebP screenshots	로딩 속도 극대화, 이미지 링크 깨짐 방지 Fast loading & zero broken image links
`agile.nlink.kr`	메이커가 차기 로드맵을 칸반 보드로 공개(Build in Public) 지원 1-Click Public Kanban Board integration	쇼케이스 방문자가 개발 진행 상황까지 팔로우 Followers track development milestones
`study.nlink.kr`	AI 프롬프트 엔지니어링 노하우 및 메이커 키 프롬프트 자산화 Curated prompt library cross-linking	메이커들의 프롬프트 지식 공유 생태계 활성화 Knowledge-sharing ecosystem for prompts

1) [P2-1] 주간 "Best Indie Maker" 자동 텔레그램 / 뉴스레터 브리핑

⏳ 예정 (TODO)

🇺🇸 English: Automated Weekly "Best Indie Maker" Telegram & Newsletter Briefing

🇰🇷 한글 계획: 매주 일요일 저녁 한 주간 가장 높은 기술 점수와 업보트를 받은 TOP 3 프로젝트를 선정하여 관리자 텔레그램 및 구독자 이메일로 자동 브리핑합니다.

🇺🇸 English: Automatically curate TOP 3 projects with highest technical score and upvotes every Sunday evening, broadcasting to Telegram and email subscribers.

☐ cron_weekly_maker.php 작성 및 crontab 스케줄 등록
☐ AWS SES 기반 주간 뉴스레터 발송 템플릿 구현

🖨️ 5. 인쇄 및 안전 운영 수칙 (Print & Safe Operations)

1. 원클릭 인쇄 가이드 (One-Click Print Guide):

본 문서는 웹 브라우저(https://maker.nlink.kr/roadmap.php)에서 [🖨️ 인쇄 / PDF 저장] 버튼을 누르면 A4 규격에 맞춰 깨끗하게 출력됩니다.

2. 배포 정책 원칙 준수 (Deployment Discipline):

일반 기능 개선은 deploy_queue_manager.py에 누적하여 정기 배포하고, 핫픽스만 즉시 동기화합니다.

3. 모바일 웹앱/PWA 캐시 무결성 (Cache Integrity):

프론트엔드 수정 시 반드시 version.json과 sw.js의 버전을 함께 갱신하여 클라이언트 캐시 고착을 방어합니다.