Junior Frontend Developer

Performance and structure focused frontend developer.

기능을 구현하는 데서 멈추지 않고, 느려진 이유를 측정하고 복잡해진 구조를 다시 설명 가능한 형태로 정리합니다. React, Next.js, React Native에서 실제 문제를 해결한 기록을 포트폴리오와 글로 남깁니다.

Available for projects

Seoul based frontend portfolio and tech journal.

The Stack

도구 이름보다 왜 쓰는지, 어디서 병목을 줄였는지를 중심으로 다룹니다.

React

렌더링 비용과 상태 경계를 기준으로 컴포넌트를 설계합니다.

Next.js

정적 생성, 이미지 최적화, 라우팅 구조를 서비스 맥락에 맞춥니다.

TypeScript

도메인 타입을 명확히 두고 런타임 오류 가능성을 줄입니다.

React Native

제스처, 애니메이션, 스토어 분리로 모바일 인터랙션을 다룹니다.

2x

dashboard response improved with parallel data fetching

40%

interaction bottleneck reduced by memoized state boundaries

0→1

native map and location tracking shipped end to end

Selected Projects

단순 결과물이 아니라 문제 정의, 해결 과정, 결과 지표가 드러나는 작업만 전면에 배치했습니다.

Next.js 서버 컴포넌트의 순차 요청을 병렬화하고 로딩 경계를 나눠 대시보드 체감 응답을 개선했습니다.

PanResponder, Zustand, React.memo를 조합해 드래그 중 불필요한 리렌더링과 제스처 불안정을 줄였습니다.

Tech Journal

AI 리뷰처럼 시간이 오래 걸리는 작업을 즉시 응답, 백그라운드 처리, 상태 기반 UI, 실시간 알림으로 연결한 과정을 정리했습니다.

CodeMate의 PR 댓글 화면에서 React Query의 `invalidateQueries`와 `setQueryData`를 비교하며, 변경분만 반영해 네트워크 요청을 줄인 과정을 정리했습니다.

PR 댓글, reply, typing indicator, 알림을 실시간으로 반영하기 위해 WebSocket 기반으로 설계한 이유와 구조를 정리했습니다.