홈으로
이성열

이성열

사용하기 좋은 서비스를 만들고자 프론트엔드 개발자가 되었습니다. 3만 팔로워의 개발 인스타그램을 운영하며 가치를 잘 전달하는 방법을 배우고 있습니다. 검증 가능한 코드를 추구합니다.

경력

카카오

프론트엔드 개발자

2024.08 -
지갑파트너센터

카카오톡 지갑 서비스 이용자를 위한 B2B 어드민 플랫폼

  • Webpack → Vite 전환 (빌드 시간 평균 81%, HMR 77% 단축)
  • 통계 대시보드 개발 (Recharts)
  • 다단계 폼 구현 (React Hook Form)
  • 레거시 개선 (Yarn → pnpm, TS 5.7, Node 22, GitHub Actions)
카카오톡 전자문서

카카오톡 내 전자문서 열람/관리 웹뷰 서비스

  • 네이티브 인증 로직 개편 (Visibility Event → Polling)
  • 브릿지를 통한 웹뷰와 네이티브 앱 간 인증 상태 연동
  • 소개 페이지의 SEO 최적화
  • 레거시 개선 (React 19, Zustand v5)

스카이온에듀

iOS, 프론트엔드 개발자

2021 - 2023
미닛워커

긱 워커 매칭 플랫폼 앱

  • React Native로 iOS/Android 앱 개발, 스토어 배포
  • TalkPlus SDK 기반 그룹 채팅 (읽음 표시, 이미지 전송, FCM)

프로젝트

cse.snu.ac.kr

2023.07 -

서울대학교 컴퓨터공학부 공식 홈페이지

  • 90+ 종류의 페이지의 Drupal → Next.js 전면 재구축
  • Tag 기반 On-Demand ISR로 콘텐츠별 캐시 관리
  • 웹 보안 강화 (CSP, HSTS, X-Frame-Options)
  • URL 기반 한/영 다국어 지원
  • Claude Code를 활용한 React Router 마이그레이션

인터랙티브 기술 블로그 (React 19, Astro 5, Tailwind CSS 4)

  • GitHub OAuth 댓글 (Supabase, 서버사이드 쿠키 세션)
  • Motion 기반 애니메이션
  • MDX 인터랙티브 콘텐츠

개발자 밈과 지식을 공유하는 인스타그램

  • 31,116 팔로워 (2026.02 기준)

인터랙티브 디지털 회로 에디터 (React Flow)

  • 재귀적 jotai atom으로 디지털 회로 모델링
  • jotai-effect로 전파 지연 구현

기술

프레임워크
Next.js Next.js React Router React Router Astro Astro
상태관리
Zustand 👻 Jotai SWR SWR
스타일링
Tailwind CSS Tailwind CSS styled-components styled-components Framer Motion
번들러
Vite Vite Webpack Webpack
패키지
npm npm Yarn Yarn pnpm pnpm
테스트
Playwright Jest Jest
린터
TypeScript TypeScript ESLint ESLint Prettier Prettier Biome Biome
CI/CD
GitHub Actions GitHub Actions
AI
Claude Claude

발표

Momentum 2025

청년 IT 컨퍼런스 연사

2025.12

정승제의 경청

EBS FM 청소년 라디오 게스트

2025.11

학력

서울대학교

환경재료과학전공, 컴퓨터공학 복수전공 (GPA 3.74/4.3)

2018.03 - 2025.02

화성고등학교

2015.03 - 2018.02