ReadingBounce
모바일 앱스크린샷 한 장으로 한국어/영어 배우기
웹툰·SNS·뉴스 어떤 화면이든 캡처하면 글자를 알아보고, 듣기·따라읽기로 자연스럽게 연습할 수 있어요. 휴대폰과 PC 어디서든.
- Tauri 2
- Rust
- Next.js 16
- React 19
- TypeScript
- SQLite
라이프
직접 만들고 운영 중인 서비스 5종
맛기로그
모바일 앱나만의 맛 기록장
오늘 먹은 음식을 '맛있어 / 또다시 / 별로야 / 모르겠' 네 가지 반응으로 가볍게 기록하는 앱. 출처·날짜로 다시 찾기 쉬워요.
- Tauri 2
- Rust
- Next.js 16
- React 19
- TypeScript
- SQLite
Pryzeet
웹 서비스가격·의료·장기요양 공공데이터 플랫폼
pryzeet.duckdns.org
가격 공유부터 구매희망·가계부·재구매까지 한 흐름. 연봉·의료비·요양시설 같은 공공데이터를 한곳에서 비교·검색할 수 있어요.
- Next.js 16
- React 19
- TypeScript
- Java 21
- Spring Boot 4
- Python
- FastAPI
- PostgreSQL
- Redis
DMDDKSL
웹 서비스내 문서로 답하는 채팅
dmddksl.duckdns.org
내 문서·이미지에서 글자를 읽어 들이고, 그 안에서만 답을 찾아주는 채팅 서비스. 외부에 자료를 보내지 않고도 정확한 인용으로 답해줘요.
- Tauri 2
- Rust
- React 19
- TypeScript
- Java 21
- Spring Boot 4
- Python
- FastAPI
- PostgreSQL
- Redis
- Kafka
Da2ari
웹 서비스마음의 정원 다이어리
da2ari.duckdns.org
다이어리·기념일·루틴·목표를 한 곳에서 정리하고, 매일의 운세까지 함께 받아보는 한국어 일상 관리 서비스. 모바일 우선.
- Next.js 16
- React 19
- TypeScript
- Tauri 2
- Rust
- Java 21
- Spring Boot 4
- Python
- FastAPI
- Supabase
- PostgreSQL
초보 개발자와 비개발자를 위한 개발 입문 블로그이자, 제가 만든 서비스를 소개하는 포트폴리오예요.
- 블로그: 회고·근황·짧은 글
- EDU: 윈도우/맥 세팅부터 한 칸씩 따라하는 학습 가이드
- Life: 제가 개발한 앱과 서비스 — readingbounce, 맛기로그, Pryzeet, DMDDKSL, Da2ari
최근 글
검색을 ILIKE·pg_trgm·마이그레이션으로 최적화하기
약 2분콘텐츠 검색은 제목·설명·slug·lesson 본문에서 ILIKE '%검색어%'를 사용한다. 검색어를 escape하고 길이를 제한하는 것은 안전성 계약이고, wildcard 앞뒤 때문에 일반 B-tree 인덱스는 이 쿼리를 충분히 돕지 못한다.
Tauri 정적 앱의 서버 capability 경계
약 2분Tauri의 output: export 빌드는 Next.js 서버 route와 redirect를 포함하지 않는다. 웹과 같은 코드를 공유한다는 사실이 같은 실행 능력을 보장하지 않는다.
SSR·Fly CMS 계약과 정적 빌드 profile
약 3분콘텐츠 서비스는 같은 화면을 두 가지 데이터 공급 경계에서 제공할 수 있다. Docker SSR은 PostgreSQL을 읽고, 정적 호스트는 배포 시점의 /api/export snapshot을 읽어 페이지를 만든다. 둘을 억지로 하나의 runtime으로 합치면 static build가 DB 자격 증명을 요구하거나, SS…
MIME 주장과 실제 파일 바이트를 분리하는 업로드 경계
약 1분브라우저가 보내는 MIME과 확장자는 신뢰할 수 있는 파일 형식 증명이 아닙니다. 특히 공개 bind mount에 저장하는 CMS 이미지는 저장 전에 최소한의 실제 바이트 검사와 원자성 보장이 필요합니다.
완료된 파일만 RAG 검색 근거로 공개하기
약 1분파일 업로드와 검색 가능은 같은 상태가 아닙니다. 파싱·임베딩·저장이 끝나고 processed = TRUE가 된 검색 사본만 사용자 답변의 근거가 될 수 있습니다.
통합 테스트의 마이그레이션 replay를 fail-closed로 만들기
약 2분통합 테스트가 스키마를 만들지 못했는데도 entity 테스트를 계속하면 실패가 지연되어 원인을 잃는다. 마이그레이션 디렉터리 누락, SQL 파일 0개, 파일 읽기 실패, 개별 SQL 오류는 모두 테스트 bootstrap 실패다.
에듀
운영 가능한 서비스 만들기 — 경계·성능·복구·배포 14단계
고급요구사항을 검증 증거로 바꾸고 HTTP·DB·외부 연동·파일·AI·실시간 미디어·배포·관측까지 하나의 운영 가능한 계약으로 연결해요.
처음 시작하는 개발 환경
입문컴퓨터를 켜는 순간부터 첫 코드를 실행하기까지. 비개발자·입문자가 한 칸씩 따라하면 끝.
HTML/CSS/JS 부터 React, Next, Tailwind 까지
입문프론트엔드의 시작부터 상태·오프라인 데이터 경계까지를 한 흐름으로 잇는 12단계 강좌.
Next.js 16 으로 첫 풀스택 앱 만들기
중급Next.js 16 App Router 로 DB 연결까지 4단계. PostgreSQL + Drizzle ORM 까지 연결하는 실전.
Spring Boot 4 로 시작하는 백엔드
중급진짜 백엔드를 처음 만나는 8단계. 첫 줄부터 인증, 테스트, 배포와 Spring MVC 실패 계약까지.
Python · FastAPI · 데이터 파이프라인
중급Python 한 가지로 API 서버부터 스케줄링·외부데이터 수집·관측·실무 패턴까지 잇는 8단계.
About
About
실용적인 도구와 공공데이터 기반 서비스를 만드는 개발자예요. 모바일(Tauri/Flutter), 웹(Next.js), 백엔드(FastAPI/Spring) 풀스택으로 작업하며 AI/LLM 통합에 관심이 많아요.