본문으로 건너뛰기
yceffort
PostsSeriesTagsAbout🧪 Research
EN

Tweaks

theme
accent palette
film grain
minimal mode

FRONTEND ENGINEER · WRITER

yceffort.

만들고 운영하며 쌓아 온 경험을 기록합니다.

root@yceffort.kr ↗GitHub ↗
AboutResume

EXPERIENCE & CONTRIBUTIONS

서비스 개발부터 팀이 일하는 기반까지.

2014년부터 다양한 도메인의 소프트웨어를 만들고 운영해 왔습니다. 프론트엔드 팀을 이끌고, 여러 서비스가 함께 쓰는 라이브러리와 도구를 만들었습니다. 그 과정에서 얻은 경험을 책과 글, 오픈소스로 나눕니다.

프론트엔드 엔지니어 · 재직 중

서비스 개발
React · TypeScript · Next.js
운영과 성능
Node.js · Kubernetes · 웹 성능
팀의 개발 기반
공통 라이브러리 · CLI · 코드 리뷰
01경력02저술·번역03오픈소스04발표·활동05학력

경력

Experience

이전에 근무한 곳에서의 경험입니다.

  1. 네이버 파이낸셜

    2020.09 — 2026.03

    Frontend Engineer · 카드FE 리더

    금융 서비스 개발과 프론트엔드 조직의 공통 기반 구축

    • 마이데이터, 회원 인증, 카드탭 등 모바일 금융 서비스 개발
    • SPA에서 SSR로 전환하고, Next.js·Koa·쿠버네티스 기반 서비스 설계·배포·운영
    • 공통 ESLint 설정과 플러그인, 상태 관리 라이브러리, 디자인 시스템 개발·운영
    • 프로젝트 생성 도구와 Node.js CLI, 업무 생산성을 위한 MCP 제작
    • 팀의 코드 리뷰와 멘토링을 주도하고 공통 npm 패키지를 개발·공개

    React · TypeScript · Next.js · Node.js · Kubernetes · pnpm · Turborepo

    공개 패키지 보기 ↗
  2. 트리플

    2019.05 — 2020.08

    Frontend Engineer

    여행의 탐색부터 예약·결제까지 이어지는 웹 서비스 개발

    • 글로벌 도시 검색과 항공권 판매 서비스 개발·운영
    • 결제 서비스와 공통 컴포넌트를 JavaScript에서 TypeScript로 전환
    • 판매자와 사용자 간 1:1 문의 채팅 서비스 개발

    React · TypeScript · Next.js · Koa · Docker · Amazon ECS

  3. 카카오

    2016.09 — 2019.05

    Software Engineer

    카카오 같이가치의 프론트엔드와 서버 개발·운영

    • AngularJS 기반 레거시 애플리케이션을 Angular로 전환
    • 관리자 도구를 개발하고 Ruby on Rails 기반 서버를 함께 운영

    Angular · TypeScript · Ruby on Rails · MySQL · Redis

  4. 삼성SDS

    2014.03 — 2016.06

    Software Engineer

    글로벌 의료 솔루션 개발과 신기술 개념 검증

    • 해외 병원용 EHR 솔루션과 간호 병동 서비스 개발
    • iOS 비콘 기반 실내 내비게이션과 금융 고객사 블록체인 PoC 개발
    • Python을 활용한 데이터 정합성·유효성 검증

    Delphi · Oracle DB · Spring · JavaScript · Python

저술·번역

Publications
  • 단독 저자

    프런트엔드 성능 최적화 Deep Dive

    네트워크부터 브라우저와 프레임워크까지, 성능을 이해하는 원리

    출판사에서 보기 ↗
  • 공동 저자

    npm Deep Dive

    모듈 시스템, 패키지 관리와 JavaScript 생태계

    출판사에서 보기 ↗
  • 단독 저자

    모던 리액트 Deep Dive

    React의 동작 원리와 웹 애플리케이션 개발

    출판사에서 보기 ↗
  • 번역

    리액트 인터뷰 가이드

    질문과 답으로 살펴보는 React 개발 지식

    출판사에서 보기 ↗

WRITING NOW남은 판단은 누가 배우는가 ↗AI 시대의 개발자, 판단과 학습에 관한 에세이 · 가제, 집필 중

오픈소스

Open source
  • 포크·확장

    number-flow ↗

    barvian/number-flow를 포크해 구형 브라우저와 웹뷰에서도 숫자 애니메이션이 동작하도록 확장했습니다. 기존 API를 유지하면서 requestAnimationFrame 기반 폴백 엔진을 구현하고 실제 구형 브라우저로 검증했습니다.

    • #typescript
    • #javascript
    • #react
    • #web-component
  • 웹뷰 디버깅

    storage-inspector ↗

    웹뷰 안에서 localStorage와 sessionStorage를 조회·편집하는 Lit 웹 컴포넌트입니다. 키별 설명과 타입을 스키마로 정의하고, 값 검증과 편집을 지원하도록 만들었습니다.

    • #typescript
    • #lit
    • #web-component
  • 개발 도구

    rust-markdownlint ↗

    markdownlint-cli2 호환을 목표로 만든 Rust 기반 마크다운 린터입니다. 기존 도구와의 진단·자동 수정 결과를 대조하고, 직접 운영하는 저장소에 적용했습니다.

    • #rust
    • #rayon
  • macOS 앱

    yc.clipboard ↗

    텍스트·이미지·파일 등 클립보드 이력을 검색하고 다시 사용하는 macOS 메뉴 막대 앱입니다. 항목 고정과 미리보기, 이전 앱으로 붙여넣기를 지원합니다.

    • #swift
    • #swiftui
    • #appkit

발표·활동

Beyond work
  • 2024

    DAN24 컨퍼런스 발표

    웹 서비스 번들 사이즈 최적화를 주제로 발표했습니다.

  • 2021.01 — 2021.12

    SSAFY 멘토

    삼성 청년 소프트웨어 아카데미에서 프로그래밍 질의응답과 칼럼 작성으로 청년 개발자들의 학습을 도왔습니다.

  • 2018 — 현재

    기술 블로그 yceffort.kr ↗

    블로그를 직접 개발·운영하며 프레임워크 내부 동작, 성능과 운영, 개발 도구, AI와 함께 일하는 경험을 기록합니다.

  • 2016.03 — 현재

    사단법인 점프 이사 ↗

    Google Cloud Platform을 활용한 업무 자동화와 프로그래밍 교육에 참여하고 있습니다.

학력

Education
  • 2018.03 — 2020.02

    한국과학기술원 (KAIST)

    기술경영전문대학원 석사

    Highest Honor · GPA 4.23 / 4.3

  • 2007.03 — 2014.02

    동국대학교

    국제통상학 전공 · 영어통번역학 복수전공 학사

mailMail icongithubtwitter
yceffort
•
© 2026
•
https://yceffort.kr