Portfolio

부모님은 앱 설치나 로그인 없이 일반 전화만 받으시면, 이야기 친구 «도란»이 이야기를 듣고 가족이 원음과 받아쓰기를 확인하며 글과 그림 이야기로 다듬는 서비스입니다. 웹과 iOS·Android 앱으로 냈습니다.

필름 카메라 사용자를 위한 현상소 검색·예약·사진 공유 플랫폼. UMC 9기 프로젝트로 BE Lead를 맡아 아키텍처 설계, 코드 리뷰 문화 정착, GCP 인프라 구축을 담당.

flowchart TB
    subgraph Client["클라이언트"]
        A[Next.js App]
    end

    subgraph GCP["Google Cloud Platform"]
        subgraph Compute["Compute Engine"]
            B1[Main Instance]
            B2[Dev Instance]
        end
        C[(Cloud SQL - MySQL)]
        D[Cloud Storage]
        E[Cloud Vision AI]
    end

    subgraph External["외부 서비스"]
        F[Stable Diffusion API]
        G[PortOne 결제]
    end

    A --> B1
    A --> B2
    B1 --> C
    B2 --> C
    B1 --> D
    B1 --> E
    B1 --> F
    B1 --> G
          

AI Agent들이 자율적으로 소통하는 오픈소스 SNS 플랫폼. org 전체 머지 PR 881개 중 789개를 자율 파이프라인이 머지 — 직접 타이핑이 아니라 881개 규모의 변경을 자율 처리하는 파이프라인을 설계·운영.

flowchart TB
    subgraph Client["클라이언트"]
        A[Next.js 16 App - Vercel]
    end

    subgraph Backend["백엔드"]
        B[Supabase - PostgreSQL + RLS]
        C[REST API / OpenAPI]
    end

    subgraph Repos["멀티 레포 생태계"]
        D[Core]
        E[JS SDK]
        F[Python SDK]
        G[MCP Server]
        H[AX]
    end

    subgraph Infra["인프라"]
        J[Self-hosting + Docker]
    end

    A --> B
    A --> C
    D --> E
    D --> F
    D --> G
    J --> B
          

고3 수능 콘텐츠를 제작하는 선생님들의 "도구 복잡성" Pain Point를 40명 인터뷰로 발견. I-Corps 기반 5주 고객검증 후 직관적 UX로 제작 시간을 1/10로 단축하는 MVP 개발.

flowchart LR
    A[LaTeX 입력] --> B[MathJson 파싱]
    B --> C[Compute-engine 계산]
    C --> D[시각화 타입]
    D -->|수식| E[MathLive 렌더링]
    D -->|도형| F[Konva 캔버스]
    D -->|그래프| G[JSXGraph]
    E --> H[PNG/SVG 내보내기]
    F --> H
    G --> H
          

응급 이송 시 순차 전화로 발생하는 병목을 AI 병렬 발신으로 해결. 환자 정보를 한 번 입력하면 여러 병원에 동시 발신하고, 한 곳이 수락하면 나머지 통화를 자동 종료하는 해커톤 프로토타입. 2026 청룡톤 대상 수상.

flowchart TB
    A[환자 정보 입력] --> B[NestJS API Server]
    B --> C[Python AI Pipeline]
    C --> D[Gemini Live API]
    D --> E[Twilio 병렬 발신]
    E --> F[병원 1]
    E --> G[병원 2]
    E --> H[병원 3+]
          

주변 친구들의 소개팅 요청이 늘면서 수동 매칭의 한계를 느끼고, pgvector 기반 유사도 매칭과 AI 추천 사유 생성 기능을 갖춘 서비스를 개발. 실제 운영 중.

flowchart TB
    subgraph Client["클라이언트"]
        A[Next.js App - Vercel]
    end

    subgraph Server["Mac Mini M2 서버"]
        B[Spring Boot API]
        C[(PostgreSQL + pgvector)]
        D[Docker Compose]
    end

    subgraph External["외부 서비스"]
        E[Cloudflare Tunnel]
        F[PortOne 결제]
        G[Solapi SMS]
    end

    A --> E
    E --> B
    B --> C
    D --> B
    D --> C
    B --> F
    B --> G
          

UMC 8기 팀 프로젝트. 쿠키 세션과 JWT 혼용으로 인증 오류가 발생해 팀 전체 개발이 2주간 중단. 프론트 담당이었지만 직접 백엔드 로그를 분석하여 JWT 기반 통합 인증 방식을 제안·구현.

sequenceDiagram
    participant U as User
    participant C as Client
    participant S as Server
    participant DB as Database

    U->>C: 로그인 요청
    C->>S: POST /auth/login
    S->>DB: 사용자 검증
    DB-->>S: 사용자 정보
    S-->>C: Access Token + Refresh Token
    C->>C: 토큰 저장 (메모리/쿠키)

    Note over C,S: API 요청 시
    C->>S: API 요청 + Access Token
    S-->>C: 응답 데이터

    Note over C,S: 토큰 만료 시
    C->>S: Refresh Token으로 갱신
    S-->>C: 새 Access Token
          

학습 기록과 문제 해결 과정을 정리·공유하기 위한 기술 블로그. Obsidian에서 글을 작성하면 Astro Content Collections로 자동 빌드·배포되는 구조.

flowchart LR
    subgraph Writing["글쓰기"]
        A[Obsidian 작성]
        B[publish: true 설정]
    end

    subgraph Build["빌드"]
        C[Astro Content Collections]
        D[MDX 렌더링]
    end

    subgraph Deploy["배포"]
        E[GitHub Actions]
        F[Cloudflare Pages]
    end

    subgraph Result["결과"]
        G[log8.kr]
    end

    A --> B
    B --> C
    C --> D
    D --> E
    E --> F
    F --> G
          

한양대학교 창업학 수업에서 예창패·MVP 등의 스타트업 진입을 준비하는 학생들을 위한 맞춤형 용어 학습 플랫폼. 3명 팀에서 3주 만에 개발·배포.

flowchart TB
    subgraph Client["클라이언트"]
        A[Next.js App]
        B[Framer Motion UI]
    end

    subgraph Backend["백엔드 (Supabase)"]
        C[(PostgreSQL)]
        D[Auth Service]
        E[Real-time Subscriptions]
    end

    subgraph Deploy["배포"]
        F[Vercel]
    end

    A --> D
    A --> C
    A --> E
    B --> A
    F --> A