본문으로 건너뛰기

강두연

Product Engineer · Frontend Focus

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

사용자의 불편을 먼저 찾습니다. 좋아요의 즉각적인 피드백부터 반복되는 이미지 대기까지, 작은 마찰도 구현 범위로 보고 해결합니다.

배포 이후까지 책임집니다. 사용자 피드백을 제품에 반영하고 운영 과정에서 드러난 문제를 개선하며, 계속 쓰이는 서비스를 만들어 왔습니다.

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

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

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

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

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

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

Projects

  1. KUWEB 대표 화면

    2026.06–2026.07

    KUWEB

    https://www.kuphil.com/

    소속감 하나로 직접 팀을 꾸리고, 사용자 피드백 기반 리뉴얼과 마이그레이션을 이끈 동아리 사이트

    • 팀장 및 프론트엔드 개발 (2023~)
    • 배포·운영 · 온라인 설문과 대면 인터뷰 기반 개선 주도
    • v3 단독 마이그레이션

    핵심 기술

    • Next.js
    • Tailwind CSS
    • Firebase · Firestore

    Key Points

    • 01이미지 사전 로딩으로 이상형 월드컵의 반복 대기 해소
    • 02공개 콘텐츠의 검색 접근성 개선
  2. 144BPM 대표 화면

    2026.03

    144BPM

    https://144bpm.duworks.kr/

    AI와 요구사항·설계 문서를 작성하고, 이를 구현 기준으로 활용해 혼자 기획·개발·배포한 리듬 연습 서비스

    • 요구사항 정리 · 데이터 모델 · 화면 흐름 설계
    • AI Coding Agent를 활용한 구현 · 배포

    핵심 기술

    • AI Coding Agent(Codex, Claude Code)
    • Next.js
    • NextAuth

    Key Points

    • 01요구사항과 설계 문서를 AI의 구현 기준으로 활용
    • 0216칸 그리드와 입력 제약으로 마디 길이 초과 방지
  3. NextStep 대표 화면

    2025.12–2026.01

    Next Step

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

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

    • 메인 워크스페이스 개발 · 워크스페이스 DB 설계
    • 학습 로드맵의 DAG 구조 설계·구현 (Tree → DAG 전환)
    • FSD 도입 합의 주도

    핵심 기술

    • React Flow
    • Next.js (App Router)
    • Supabase (PostgreSQL)

    Key Points

    • 01FSD 아키텍처 기반 프로젝트 구조 설계
    • 02Tree에서 DAG로 전환하여 복수 선행 학습 관계 표현