🙋🏻‍♂️ About Me

3년 차 프론트엔드 개발자로서, 초기 스타트업에 합류해 MVP 개발부터 제품 출시까지의 전 과정을 주도적으로 경험했습니다.

스프린트 단위로 기능을 개선하며 기획자, 디자이너, 개발자와 긴밀하게 협업해 제품을 지속적으로 발전시켜 왔습니다.

새로운 기술을 빠르게 습득하고 실무에 적용하는 데 강점이 있으며, 실제로 필요한 역량을 주도적으로 학습해 프로젝트에 반영해 왔습니다.

또한, 정기적인 기술 공유 세션을 주도하며 팀원들과 지식을 나누고, 더 나은 협업 환경을 만드는 데 기여했습니다.

UX를 가장 중요한 가치로 여기며, 사용자의 입장에서 제품을 바라보고, 경험을 개선하기 위한 방법을 끊임없이 고민하고 제안하는 것을 즐깁니다.

👨🏻‍💻 Work Experience

총 2년 7개월

프로덕트팀 / 프론트엔드 개발자

2023.03 ~ 2025.02 / 2년

다채로운 취향의 상품을 제작하는 창작자와 소비자를 연결하여 가치있는 소비를 제공하는 아트커머스 플랫폼

Next.js Typescript React-query Recoil Styled-component GraphQL Flutter

상품리스트에 무한스크롤 적용 시 발생하는 메모리 누수 문제로 인해 DOM 가상화를 적용하여 렌더링 성능 최적화
- ProductList 컴포넌트 렌더링 : 232.7ms => 1.5ms (99.36% 개선)
- Total Blocking Time : 2,880ms => 120ms (95.83% 개선)
서브셋 폰트 기법을 적용하여 폰트 용량과 네트워크 속도 최적화
- 262ms ⇒ 86ms (67.2% 개선)
next/image를 활용하여 이미지의 webp 변환 및 지연 로딩 적용
사용자 액션에 대한 즉각적 피드백을 위해 낙관적 업데이트 방식을 구현
상품리스트 ⇒ 상품 상세 진입 후 뒤로가기 시 스크롤 위치 복원
스켈레톤 UI를 도입하여 로딩 상태에 따른 사용자 이탈률 개선

MSW(Mock Service Worker)를 도입하여 백엔드 측으로부터 사전에 인터페이스를 제공받아 API모킹 ⇒ 백엔드 의존성을 해소하고 개발 프로세스를 개선
graphql-codegen을 활용해 GraphQL 스키마로부터 타입 자동 생성 → 타입 안정성 및 개발 생산성 향상
오버레이 컴포넌트(BottomSheet, Dialog 등)를 toss/overlay 라이브러리 기반으로 리팩토링 → 선언적 관리 구조 도입
복잡한 회원가입 과정에 각 단계별 상태의 흐름을 명확하게 파악하기 위해 퍼널 스텝으로 관리

한국 브랜드 제품을 해외 고객에게 간편하게 배송해주는 국제 구매 대행 서비스

React Typescript Styled-component

프론트엔드 개발자

2022.03 ~ 2022.09 / 7개월

음원, 시각예술작품, 캐릭터 라이선스 등 다양한 분야의 IP 거래 플랫폼

자사 서비스 프로젝트의 프론트엔드 포지션 담당
JavaScript의 i18n 을 적용하여 사용자의 언어(영어/ 한국어 / 베트남어)에 맞는 페이지를 보여주는 다국어 기능을 개발 및 사용자 언어별로 페이지가 다르게 보일 수 있도록 설계
isms 인증을 위한 google otp 설정 및 google captcha API 도입