본문으로 건너뛰기
배기훈프론트엔드 개발자

FRONTEND DEVELOPER

아이디어를 직접 구현하고, 화면 너머의 기술까지 다룹니다.

아이디어가 떠오르면 직접 만들어보며 가능성을 확인합니다. 프론트엔드를 중심으로 백엔드, 데이터베이스, 인프라까지 필요한 기술을 익히고 활용합니다.

일하는 방식

  1. 직접 만들며 배웁니다아이디어 구현 · 빠른 실험
  2. 기술의 경계를 두지 않습니다프론트엔드 · 백엔드 · 인프라
  3. 근거를 바탕으로 개선합니다로그 분석 · 성능 최적화

직접 만든 제품

작은 문제에서 시작해, 실제로 사용할 수 있는 서비스로.

문제를 해결한 경험

팀에서 맡았던 역할과 기술적 판단

  • 마켓디자이너스 튜터링 · 품질 개선

    수업 중단 원인을 추적하고 연결 안정성을 개선

    수업 성공률85%에서96%

    Datadog, 소켓 서버 로그, DB 데이터를 분석해 백그라운드 전환 시 수업이 종료되는 원인을 추적하고, 연결 안정성 개선 작업에 참여했습니다.

  • 코멘토 · 프론트엔드 · 성능 최적화

    프레임워크 마이그레이션으로 로딩 성능 개선

    LCP3.09초에서1.56초

    Nuxt.js 기반 페이지를 Next.js로 마이그레이션하며 렌더링 성능을 개선했습니다. LCP를 3.09초에서 1.56초로, FCP를 2.74초에서 1.36초로 단축했습니다.

기술 스택

프론트엔드
  • TypeScript
  • React
  • Next.js
  • Vue/Nuxt
실시간 통신
  • WebSocket
  • WebRTC (Agora, Sendbird)
모바일
  • React Native
  • Expo
  • Swift
  • SwiftUI
백엔드·인프라
  • Java/Spring
  • MySQL
  • SQLite
  • Docker
운영·품질
  • Datadog
  • Playwright

오픈소스 프로젝트

이 포트폴리오도 하나의 제품입니다.

콘텐츠를 직접 관리할 수 있는 포트폴리오를 만들고 있습니다.

운영 중
GitHub에서 보기 (새 탭에서 열림)
  • 블록 편집기노션처럼 쓰는 본문 편집, 표·이미지 지원
  • 벤토 레이아웃화면별로 카드 배치와 스타일을 따로 설정
  • 버전 관리게시 이력을 남기고 이전 버전으로 되돌리기
  • 이미지 최적화업로드한 이미지를 화면 크기별로 변환

지나온 경험

회사에서의 경험과 개인 작업의 흐름을 함께 기록합니다.

경력과 히스토리 보기
  1. 코멘토2025.04 – 2025.09교육 플랫폼의 프론트엔드 마이그레이션 및 성능 최적화, AI 기반 부트캠프 추천 기능 개발
  2. 마켓디자이너스 튜터링2024.04 – 2024.09실시간 영어회화 플랫폼의 수업 연결 안정성 개선 및 다국어 서비스 개발
  3. 시너지에이아이2022.12 – 2024.01의료 AI 솔루션 및 원격진료 서비스의 실시간 진료 관리, 음성·화상 통화, 심전도 데이터 시각화 기능 개발
  4. 비자림2020.10 – 2021.11전자정부프레임워크 기반 ERP/MES 시스템 유지보수 및 고객사 맞춤형 신규 시스템 풀스택 개발

학력·자격증

학력

  • 컴퓨터공학 학사 (학점은행제)재직 중 취득 · 학점 3.97/4.52021.03 – 2022.02

자격증

  • 정보처리기사한국산업인력공단2021.08
  • 정보처리산업기사한국산업인력공단2020.08
  • 컴퓨터활용능력 2급대한상공회의소2020.05