본문으로 건너뛰기

강두연

Product Engineer · Frontend Focus

빠르게 발견하고, 끝까지 개선합니다.

사용자의 불편을 먼저 찾습니다. 끊기는 3D 화면은 병목을 잡아 해소하고, 반복되는 이미지 대기는 사전 로딩으로 한 번에 끝냈습니다. 작은 마찰도 구현 범위로 보고 해결합니다.

배포 이후까지 책임집니다. 설문과 인터뷰, 성능 측정으로 불편을 찾아 고치고, 필요하면 기술 스택과 구조까지 바꿔 서비스를 다시 고도화해 왔습니다.

  • Next.js 전환과 SEO·서버 렌더링

    CSR 기반 공개 콘텐츠를 서버 렌더링 구조로 전환하고 검색 접근성을 개선합니다.

  • 복잡한 UI·상태·데이터 구조 모델링

    복잡한 인터랙션과 도메인 규칙을 명확한 상태와 데이터 모델로 구조화합니다.

  • 사용자 피드백과 운영 데이터 기반 개선

    출시 이후의 사용자 반응과 운영 과정에서 드러난 문제를 실제 제품 개선으로 이어갑니다.

Projects

  1. KUWEB 대표 화면
    • 2023.05 최초 배포 (v1)
    • 2024.05 1차 서비스 고도화 (v2)
    • 2026.10 2차 서비스 고도화 (v3)

    KUWEB

    https://www.kuphil.com

    소속감 하나로 직접 팀을 꾸리고, 사용자 피드백과 기술 전환으로 두 차례 고도화를 이끈 웹사이트

    • 팀장 및 프론트엔드 개발, 배포와 운영 담당
    • 온라인 설문과 대면 인터뷰 기반 사용자 경험 개선 주도 (v2)
    • Next.js 마이그레이션과 관리자 페이지 구축 단독 수행 (v3)

    핵심 기술

    • Next.js
    • TypeScript
    • Firestore
    • TanStack Query

    Key Points

    • 01이미지 사전 로딩으로 이상형 월드컵의 반복 대기 해소
    • 02공개 콘텐츠의 검색 노출 개선
  2. Meongspace 대표 화면
    • 2026.08 최초 배포 (v1)
    • 2026.10 1차 서비스 고도화 (v2)

    Meongspace

    https://meongspace.com

    AI Coding Agent를 활용해 2D에서 3D로 리뉴얼한 인터랙티브 ASMR 웹서비스

    • 기획부터 배포까지 단독 진행
    • 영상과 차별화하기 위해 2D에서 3D로의 리뉴얼 방향 결정
    • 장면별 성능을 측정하고 병목을 찾아 개선

    핵심 기술

    • AI Coding Agent (Codex, Claude Code)
    • Three.js
    • Next.js
    • Web Audio API

    Key Points

    • 01반사 렌더링 해상도 조정으로 오로라 시점 조작 중 끊김 해소
  3. NextStep 대표 화면
    • 2025.12-2026.01

    Next Step

    https://nextstep-kt-2025.vercel.app

    4인 팀의 코드 설계 기준을 합의하고, 복수 선행 학습 관계를 DAG로 구현한 학습 로드맵 플랫폼

    • 메인 워크스페이스 개발 및 워크스페이스 DB 설계
    • 학습 로드맵의 DAG 구조 설계 및 구현
    • FSD 도입 제안과 팀 코드 컨벤션 합의 주도

    핵심 기술

    • React Flow
    • TypeScript
    • Supabase
    • Zustand

    Key Points

    • 01FSD 도입을 제안하고 4인 팀의 코드 설계 기준 합의 주도
    • 02복수 선행 학습 관계를 표현하는 DAG 구조 설계 및 구현