사용자 경험을 먼저 고민하는 개발자

Front-end Developer

2021년부터 설문 플랫폼·커뮤니티·음원 차트 서비스를 만들어 온 프론트엔드 개발자 전다훈입니다

Next.js · React · TypeScript · NestJS

Projects ›
  • 아이차트(iChart)

    인스티즈 · 2024.12 - Present

  • 유니서베이(Unisurvey)

    피앰아이 · 2021.01 - 2024.12

  • 백오피스 관리 시스템

    피앰아이 · 2022.06 - 2024.12

Career ›
  • 인스티즈(Instiz) — Frontend Engineer

    2024.12 - Present

  • 피앰아이(PMI) — Platform Engineer

    2021.01 - 2024.12

안녕하세요!
프론트엔드 개발자 전다훈입니다.

value 01

2021 ~

B2B 설문 플랫폼 개발로 시작해, 현재 인스티즈에서 커뮤니티와 음원 차트 서비스를 개발하고 있습니다.

value 02

10+

실서비스 운영 프로젝트부터 백오피스·크롤러까지, 기획부터 배포까지 직접 참여한 프로젝트입니다.

value 01

사용자 중심

빠르고 직관적인 UI로 사용자가 헤매지 않는 경험을 최우선으로 개발합니다.

value 02

코드 품질

팀이 오래 유지보수할 수 있도록 구조와 경계를 먼저 설계합니다.

value 03

지속 성장

새로운 기술을 실험하고 블로그로 기록하며 지식을 공유합니다.

Stack

프론트엔드를 중심으로 구조적인 설계와 렌더링 최적화에 집중하고, 서비스 전체를 이해하기 위해 백엔드와 인프라까지 직접 다룹니다.

기술 스택 활용 비중100%
Front-end70%
Back-end20%
  • Front-end 70%(주력 분야)
  • Back-end 20%(API·크롤러 개발)
  • Infra 10%(배포·운영 경험)

Frontend

컴포넌트 구조 설계와 서버 상태 관리, 렌더링 최적화에 집중하며 주력으로 다루는 영역입니다.

  • Next.js
  • React
  • TypeScript
  • TailwindCSS
  • Zustand
  • React Query
  • Vue2/3
  • Styled-components

Backend

API 설계부터 크롤러·비동기 작업까지 직접 구현하며, 프론트엔드와 맞닿는 데이터 흐름을 이해하고 개발합니다.

  • Django
  • NestJS
  • Python
  • Node.js
  • MySQL
  • MongoDB
  • Redis
  • Celery

DevOps & Tools

컨테이너 기반 배포와 CDN·모니터링 환경을 운영하며 안정적인 서비스 운영을 경험했습니다.

  • Docker
  • AWS
  • Nginx
  • CloudFlare
  • Git
  • GitHub
  • GitLab
  • Sentry

Career

설문 플랫폼 스타트업에서 풀스택으로 서비스 전반을 경험했고, 지금은 대규모 커뮤니티 서비스의 프론트엔드를 맡고 있습니다.

경력

  • 2024.12 - Present재직 중

    인스티즈(Instiz)

    Frontend Engineer

    연애 커뮤니티 및 음원 순위 차트 서비스 개발 및 유지보수

  • 2021.01 - 2024.12

    피앰아이(PMI)

    Platform Engineer

    B2B 설문조사 서비스 및 백오피스 개발 및 유지보수

교육

  • 2024.03 - Present재학 중

    한국방송통신대학교

    컴퓨터과학과

  • 2021.03 - 2021.08

    KH 정보교육원

    UI / UX 스마트 콘텐츠 융합 웹 개발자 과정

Projects

실서비스를 운영하며 만든 결과물들입니다. 무엇을 만들었는지, 어떤 역할로 어떤 기술을 썼는지 함께 정리했습니다.

인스티즈

아이차트(iChart)

실시간 음원 데이터를 수집·정제하여 차트로 시각화하는 서비스. 멜론·지니·플로 등 주요 플랫폼 데이터를 Scrapy로 크롤링하고, Chart.js로 트렌드를 시각화합니다.

역할
Frontend Lead
기간
2024.12 - Present
FrontendNext.js · TypeScript · TailwindCSS · Chart.js · React-Query · Zustand
BackendDjango · Celery · Python · MySQL · Redis · Scrapy
InfraSentry · Jest · Docker · AWS · CloudFlare · Nginx
유니서베이(Unisurvey) 미리보기

2 / 3

피앰아이

유니서베이(Unisurvey)

누구나 손쉽게 설문을 만들고 관리·배포할 수 있는 B2B/B2C 기반 설문 제작 플랫폼. 수집된 응답 데이터를 차트로 시각화하고, Socket.io를 통한 실시간 응답 현황 모니터링을 지원합니다.

역할
Frontend / Full-stack
기간
2021.01 - 2024.12
FrontendNext.js · TypeScript · Styled-components · React Query · Zustand · Vue2/3
BackendNestJS · TypeScript · MongoDB
InfraDocker · AWS · Socket.io · GitHub

피앰아이

백오피스 관리 시스템

설문 템플릿 기반 관리 시스템 구축. 다양한 설문 타입을 통합 관리하고, 운영 효율을 높이는 어드민 플랫폼입니다. 권한별 접근 제어와 대시보드 통계 기능을 포함합니다.

역할
Frontend / Full-stack
기간
2022.06 - 2024.12
FrontendNext.js · TypeScript · Styled-components · React Query · Vue2/3
BackendNestJS · TypeScript · MongoDB
InfraDocker · AWS · GitHub

새로운 도전을
함께 완성해 나갈 동료가 되겠습니다

코드를 작성하는 것을 넘어, 제품이 사용자에게 주는 가치를 함께 고민하는 동료를 찾으신다면 편하게 연락 주세요.