FRONT-END DEVELOPER · SEOUL

복잡한 문제를 단순한 구조로.
성능은 숫자로, 화면은 손끝으로.

실시간 데이터 시각화와 렌더링 최적화를 다루는 프론트엔드 개발자. 반복은 AI 에이전트에게 맡기고, 아낀 시간을 마지막 픽셀에 씁니다.

Selected Work

이미지에 마우스를 올리면 색이 돌아옵니다

Argus

AI 코딩 에이전트 모니터링 — 릴리즈 운영 중

Next.js 15 · Electron · OpenTelemetry · SQLite · Recharts 2025 —

복수 AI 에이전트의 비용·토큰·세션을 통합 추적할 수단이 없어 직접 만들었습니다. OTLP 텔레메트리 인제스트부터 Electron 트레이 앱 릴리즈까지.

Malgoum

Simple. Smart. Weather. · 라이브

Next.js · TypeScript · Vercel 2026

검색·즐겨찾기·시간대별 예보를 담은 날씨 앱. 불필요한 것을 덜어낸 인터페이스로 Vercel에서 운영 중입니다.

Let'sdo

척수 장애인 건강관리 앱 · 1인 풀스택

Flutter · FastAPI · MySQL · Redis · WebSocket 2023.06 — 2023.10

사용자용·관리자용 두 앱과 백엔드까지 혼자 개발했습니다. 과제 수행도 대시보드와 WebSocket 실시간 상담 채팅이 핵심.

Chusinsa

체형 기반 의류 추천 커머스 · 5인 팀

Next.js · Recoil · FastAPI · MySQL 2022.04 — 2022.11

성별·키·몸무게로 의류를 추천하는 쇼핑몰. 프론트엔드와 백엔드 전반을 맡았고, 방대한 상품 데이터를 다루며 데이터베이스 정규화에 집중했습니다.

Travel Docent
개발 중
위치·관심사 기반 AI 여행 도슨트 앱 — RN 0.79 · Expo 53 · NestJS · 6-role 에이전트 오케스트레이션 · SDD · 테스트 커버리지 Service 100%
Dream Share
2023.10 —
꿈 일기 공유 앱, 3인 협업 — Next.js · Flutter · Spring Boot · OAuth/OIDC 소셜 로그인 · Jira 애자일
Metflix
2022
TMDB 기반 영화 웹 — HTML · CSS · JavaScript · 반응형, 웹의 기본기를 다진 초기작
Portfolio
2023 —
이 사이트 — Lighthouse 98 · 번들 2MB → 200KB · 이미지 로딩 500ms → 100ms · LCP < 2s

Recent Writing

2026.07.192분

eas-cli는 .env를 로드하지 않는다 — environment 컨텍스트가 없는 명령만 터진다

eas credentials가 원인 메시지 없이 exit 1로 죽었다. eas-cli는 .env를 로드하지 않은 채 앱 설정을 평가하는데, eas build만 통과해서 더 혼란스럽다.

ExpoEAS

2026.07.193분

Expo 푸시가 시뮬레이터에서 사라진 이유 — APNs 환경은 development 플래그가 정한다

티켓은 ok인데 시뮬레이터에 알림이 오지 않았다. 시뮬레이터 빌드에는 provisioning profile이 실리지 않아 APNs 환경 판별이 production으로 폴백한 것이 원인이었다.

ExpoiOSReact Native

2026.06.182분

Frame Drop 85%는 결국 리스트 하나였다

Electron 자동화 테스트 앱의 스크롤이 밀렸다. 원인은 무거운 렌더링이 아니라, 매 초 통째로 갈아엎던 로그 리스트였다.

ReactPerformanceElectron

모든 글05

Experience

2024.02 — 현재

새솔테크

Electron+React 자동화 테스트 데스크톱 앱(OmniAir 인증, 3사 납품) · Next.js 권한 관리 플랫폼 · React+NestJS 인증 서비스 운영 — Frame Drop 85% 감소 · IPC 1.2s → 0.8s · 배포 15분 → 6분

Front-End Developer

2023 —

비욘드 코딩

HTML·CSS·JavaScript·Python 커리큘럼 개발 및 강의 — 만족도 4.8/5.0 · 완주율 65% → 80%

Programming Instructor

2022.04 — 06

토스페이먼츠

웹 애플리케이션 취약점 진단 및 보안 리스크 평가

Security Engineer

2021.12

FIESTA 금융보안 위협분석 대회 3위

웹 취약점 분석 및 리포트 작성

금융보안원

2020

네이버 버그바운티 명예의전당 · FIESTA 우승 · K-사이버 본선

취약점 제보(1월) · 금융보안 위협분석 대회 우승(12월) · 개인정보 비식별 챌린지 본선(12월)

Security Research

2019.11

사이버공격방어대회 CCE 기관팀 3위

웹 취약점 분석 및 Incident Response

국가정보원

2018.08 — 2020.05

공군 사이버 작전센터

군 복무 중 사이버 방호 체계 개발 및 취약점 분석 수행

체계 개발·취약점 분석

2017.06 — 2018.02

Best of the Best 7기

취약점 분석 · 시큐리티짐 프로젝트 — 웹 보안, 시스템 최적화, 네트워크 성능 분석

차세대 보안리더 양성프로그램

About

보안에서 시작했습니다. 토스페이먼츠에서 취약점을 분석했고, BoB와 대회들(Fiesta 우승, 네이버 버그바운티 명예의전당)에서 남들이 못 보는 곳을 먼저 보는 법을 배웠습니다.

지금은 그 눈으로 화면을 만듭니다. 밀리초 단위의 프레임을 재고, 병목을 찾고, 구조를 단순하게 유지합니다. 반복 작업은 멀티 에이전트 오케스트레이션과 SDD 워크플로우로 자동화하고 — 그렇게 아낀 시간을 전부 사용자가 만지는 마지막 픽셀에 씁니다.

FRONT-END: TypeScript · React · Next.js · Jotai · TanStack Query · Tailwind CSS · Recharts
APP: React Native · Expo · Electron · Flutter
BACK-END: NestJS · FastAPI · PostgreSQL · Prisma
TESTING: Jest · React Testing Library · MSW · TDD
DEVOPS: GitHub Actions · Docker · GCP Cloud Run · OpenTelemetry
AI TOOLING: Claude Code · Cursor · MCP 서버 개발 · Spec-Driven Development

Contact

함께 만들 것이 있다면,
79841@naver.com

github.com/79841 ↗이력서 PDF ↓