PoC 백로그
2026년 34주차 (스캔일: 2026-08-19)
후보 17건- 1
C2PA 매니페스트를 읽어 이미지 출처를 타임라인으로 보여주는 검증 웹앱
Claude가 AI 생성 콘텐츠를 표시하는 방식
23/25- c2pa-js(WASM)
- File API
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
상세 보기
- 만드는 것
- 이미지를 드롭하면 파일에 박힌 C2PA 서명 매니페스트를 파싱해, 누가 생성했고 어떤 편집을 거쳤는지를 세로 타임라인으로 그려 주는 단일 화면 웹앱. 서명 유효/무효, 생성 도구, 편집 이력, 서명이 아예 없는 경우를 각각 다른 상태로 표시한다. 파일은 브라우저 밖으로 나가지 않는다는 점을 UI에 명시한다.
- 핵심 기술
c2pa-js(WASM 번들), File/Drag-Drop API, Vercel 정적 배포. 서버 코드 0줄.- 완료 기준
- ChatGPT·Gemini로 만든 이미지 각 1장, 그 이미지를 편집기로 한 번 저장한 파일, 일반 사진 1장 — 네 가지를 넣었을 때 서명 유무와 편집 이력이 서로 구분되어 표시된다.
- 리스크/전제
- WASM 번들이 수 MB라 초기 로딩 전략(지연 로드, 로딩 상태)이 필요하다. 대부분의 SNS는 업로드 시 메타데이터를 지워 버리므로 "서명 없음"이 곧 "AI 아님"이 아니라는 점을 결과 화면에서 분명히 해야 한다. 그 한계를 UI로 설명하는 것 자체가 이 앱의 볼거리다.
- 2
green/red 리스트 워터마크를 브라우저에서 재현·탐지하는 시뮬레이터
AI 텍스트 워터마킹의 작동 원리
23/25- 토크나이저 WASM
- 시드 PRNG
- SVG
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
상세 보기
- 만드는 것
- 왼쪽에 텍스트를 붙여넣으면 토큰을 비밀 키 기반 해시로 green/red로 갈라 색칠하고, 오른쪽에 green 비율과 z-score, "이 길이에서 탐지 가능한가"를 실시간으로 보여주는 시각화. 편향 강도 슬라이더를 움직이면 색칠과 점수가 같이 움직이고, 문장을 바꿔 쓰면 점수가 동전 던지기 수준으로 떨어지는 것을 눈으로 확인할 수 있다. 기사가 예로 든 1,500단어 55% 편향 구간을 프리셋으로 넣는다.
- 핵심 기술
@huggingface/transformers의 토크나이저 또는js-tiktoken, 시드 PRNG, SVG/Canvas 시각화. 전량 클라이언트 실행.- 완료 기준
- 워터마크 없는 일반 글과 시뮬레이터가 직접 생성한 편향 텍스트를 넣었을 때 z-score가 뚜렷하게 갈리고, 짧은 텍스트(200단어 이하)에서는 두 값이 겹쳐 판별이 무의미해지는 것이 화면에서 재현된다.
- 리스크/전제
- 실제 Anthropic 워터마크를 탐지하는 도구가 아니다. 비밀 키는 사업자만 갖고 있으므로 이건 원리를 재현한 교육용 시뮬레이터이며, 그 사실을 첫 화면에 못 박아야 한다. 남의 글을 판정하는 도구로 오인되면 실물 피해가 생기는 영역이라 "판정" 문구를 쓰지 않는다.
- 3
브라우저 안에서만 녹음·전사·요약하는 오프라인 음성 메모 PWA
1위를 탈환한 오픈소스 STT 모델 / 모델은 의도적으로 더 멍청해지고 있다
22/25- transformers.js
- WebGPU
- MediaRecorder
- PWA
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
상세 보기
- 만드는 것
- 설치 가능한 PWA. 버튼 하나로 녹음하면 브라우저 안에서 STT 모델이 돌아 전사문을 만들고, 그 자리에서 소형 요약 모델이 제목과 할 일 목록을 뽑는다. 결과는 IndexedDB에 남아 오프라인에서도 열린다. 네트워크를 끊고도 전 과정이 동작하는 것이 이 앱의 데모 포인트다.
- 핵심 기술
@huggingface/transformers(WebGPU 백엔드), Whisper 계열 소형 모델, MediaRecorder, Service Worker + Cache Storage로 모델 가중치 캐싱.- 완료 기준
- 첫 실행에서 모델을 내려받은 뒤, 비행기 모드로 30초 한국어 음성을 녹음해 전사와 요약이 나오고, 앱을 껐다 켜도 기록이 남는다.
- 리스크/전제
- 모델 가중치가 수백 MB라 첫 로딩 경험이 이 앱의 성패를 가른다. 진행률 표시와 "다운로드 후에는 오프라인" 안내가 필수다. WebGPU 미지원 브라우저에서는 WASM 폴백으로 느리게라도 돌게 하고, 한국어 정확도는 모델 크기에 크게 좌우되므로 small/base 두 가지를 고를 수 있게 두는 편이 안전하다.
- 4
같은 프롬프트를 여러 모델에 동시 스트리밍해 결과·지연·비용을 나란히 비교하는 아레나
AI 모델 고르기 — 같은 프롬프트, 11개 모델
22/25- Vercel AI SDK
- 스트리밍 UI
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
상세 보기
- 만드는 것
- 프롬프트를 한 번 입력하면 선택한 모델들에 동시에 던져 결과를 열 단위로 나란히 스트리밍하는 화면. 각 열 하단에 첫 토큰까지 걸린 시간, 총 소요, 입력/출력 토큰, 그 모델 단가로 환산한 실제 비용이 실시간으로 쌓인다. 같은 프롬프트를 3회 반복해 편차를 보는 모드를 넣으면 원 기사의 실험을 그대로 재현하게 된다.
- 핵심 기술
- Vercel AI SDK의
streamText와 프로바이더 어댑터, Route Handler에서 병렬 스트림, 낙관적 UI. 모델은 이번 주 기사에 나온 저가 구간(Gemini 3.7 Flash 입력 100만 토큰당 $0.75, Grok 4.6 $2, Solar Pro 4 $0.30)으로 시작한다. - 완료 기준
- 3개 모델에 같은 프롬프트를 3회씩 돌렸을 때 9개 응답이 끊김 없이 스트리밍되고, 누적 비용 합계가 각 사 콘솔의 사용량과 오차 범위 안에서 맞는다.
- 리스크/전제
- API 키를 클라이언트에 두면 그대로 유출되므로 서버 라우트를 반드시 경유한다. 공개 배포하면 남의 프롬프트에 내 키로 과금되므로, 데모는 사용자 키 입력 방식(세션 스토리지 보관, 서버 미저장)으로 두거나 요청 수 제한을 건다. 이 부분을 설계에 넣는 것 자체가 좋은 이야깃거리가 된다.
- 5
Claude 시스템 프롬프트 릴리스 노트를 버전 간 diff로 보여주는 사이트
Anthropic, 시스템 프롬프트를 릴리스 노트로 공개
22/25- ISR
- diff 렌더링
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
상세 보기
- 만드는 것
- 공개된 시스템 프롬프트 릴리스 노트를 주기적으로 가져와 버전별로 저장하고, 두 버전을 고르면 문장 단위 diff를 좌우로 보여 주는 사이트. 제품(Claude Platform, Claude Code 등)별 탭과 변경 요약 배지("문단 3개 추가, 1개 삭제")를 붙인다. 스냅샷은 저장소 안 JSON으로만 관리해 DB 없이 간다.
- 핵심 기술
- ISR 또는 예약 실행으로 문서 페치,
diff계열 라이브러리, 정적 생성. 백엔드 상태 없음. - 완료 기준
- 최소 2개 버전의 스냅샷이 쌓이고, 임의의 두 버전을 골랐을 때 추가/삭제 문장이 정확히 색칠되며, 새 릴리스가 올라오면 사람 개입 없이 목록에 잡힌다.
- 리스크/전제
- 문서 HTML 구조가 바뀌면 파서가 깨진다. 파싱 실패 시 기존 스냅샷을 유지하고 실패만 표시하도록 해야 조용히 망가지지 않는다. 원문 전체를 그대로 재게시하기보다 diff와 출처 링크 중심으로 구성하는 편이 안전하다. 이번 주 목록 중 가장 빨리 끝나는 후보라 워밍업으로 좋다.
- 6
붙여넣은 글의 AI 흔적 유니코드를 하이라이트·정리하는 웹앱 + 브라우저 확장
watermarks-remover (GitHub 트렌딩 1위)
22/25- 정규식
- Range API
- MV3 확장
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
- 7
모델별 입력·출력·캐시 단가를 넣고 세션 비용을 계산·비교하는 계산기
Claude Code 세션의 가치를 극대화하는 방법
21/25- 정적 사이트
- 차트
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
- 8
Hugging Face 공개 API로 오픈 모델 다운로드·파생 모델 랭킹을 그리는 대시보드
허깅페이스 점령한 중국 AI / 오픈 모델의 현재
21/25- HF Hub API
- 데이터 시각화
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
- 9
내 GitHub 저장소의 PR 리뷰 안티패턴을 점수로 보여주는 대시보드
인간 중심에서 에이전틱 코드 리뷰로
21/25- GitHub REST/GraphQL
- OAuth
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
- 10
CSV를 올려 통과/실패 이진 라벨링을 하고 LLM 심판 일치율을 재는 평가 플레이그라운드
LLM Evals에 대해 알아야 할 모든 것 / 평가 주도 개발
20/25- IndexedDB
- LLM API
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
- 11
서버리스 함수 하나로 뜨는 stateless MCP 서버와 브라우저 인스펙터 UI
MCP가 Stateless해짐
20/25- MCP 2026-07-28 스펙
- Route Handler
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
- 12
설치 없이 탭 안에서 도는 로컬 LLM 채팅 PWA
Qwen 3.8 27B / Meta Muse Glimmer
20/25- WebLLM
- WebGPU
- Cache Storage
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
- 13
유튜브 자막을 실시간 번역·요약해 오버레이하는 크롬 확장
Gemini 3.7 Flash
19/25- Gemini API
- MV3 content script
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
- 14
서면 과제를 음성으로 소명하고 AI가 되묻는 구술 방어 연습 웹앱
덴마크, 서면 과제 구두 소명 의무화
19/25- Web Speech API
- LLM API
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
- 15
내 문서를 올려 근거 링크와 함께 답하는 RAG 챗봇
도구 트렌드 — shadcn-ui/chatbot-template
19/25- AI SDK
- shadcn/ui
- 벡터 검색
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
- 16
2026년 모델 출시 주기를 한 화면에 펼치는 인터랙티브 타임라인
Gemini 3.7 Flash / Grok 4.6 / GLM-5.3 등
19/25- 정적 데이터
- SVG 스크롤 애니메이션
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
- 17
문서를 올리면 표·슬라이드 초안까지 만들어 주는 산출물 생성 웹앱
Solar Pro 4 — 에이전트 작업 특화 LLM
18/25- Solar API
- SheetJS
- pptxgenjs
- 비용
- 환경
- 소요
- 포트폴리오
- 학습
제외한 항목
- FE 사이드 프로젝트로 만들 수 없는 것
- Docker Sandboxes(격리 인프라), Orca·Xirp(데스크톱 ADE, Xirp은 macOS 전용), Unsloth Desktop, DoorDash MCP 게이트웨이(사내 규모 전제), Codex 자동연구 GPU 커널 최적화, Taalas HC1, 동형암호 추론, Castform 4B 후처리(GPU 학습 필요), Qwen3.8-2.4T-A95B 자체 호스팅
- 단순 소식·산업
- Nvidia 보증 축소, Nvidia의 위험한 사업, 스트라이프-오픈라우터 인수, Cursor-SpaceX 합류, AMD-Taalas 인수, 2027년 메모리 매진, Hassabis 회장 이동, Discovery Loop 설립, 업스테이지-다음 적용, ChatGPT 광고 테스트, Codex 개편 예고
- 정책·논평
- 미국 AI 진영 선택 통보, OpenAI 살해 계획 신고, EU AI Act 대응 발표, AI 사용을 그만두기로 한 이유, 소프트웨어 엔지니어링의 중산층, AI와 일하는 방식은 리더십에 가깝다, 코드가 아니라 아이디어를 통제하라, Go 언어가 이상적인 이유, antirez의 C 회귀, AI는 더 많이 기억한다
- 유료 전용·접근 제한
- GPT-5.6 Sol Ultrafast Mode(Cerebras 계층), Grok Bot, OpenAI Daybreak, AI 크레딧 재판매 시장(계정 정지 리스크), WeatherNext
- 에이전트 운용 기법
- 루프/그래프 엔지니어링, fork 서브에이전트, claude-mem, Auto mode, DeepSeek Harness — 개발 워크플로 개선에 해당해 이번 관점(만들어 배포할 결과물)에서는 후보로 세우지 않았다. 10번 평가 플레이그라운드만 화면이 있는 형태로 남겼다.
- YouTube 21건
- 대부분 위 기사와 동일 주제의 소개·리뷰다. 예외로 오픈소스 STT 쇼츠(3번)와 구술 소명(14번) 두 건만 재료로 썼다.