🙋🏻‍♂️ About Me

3년 차 개발자로 초기 스타트업에 합류해 MVP를 개발하고 출시까지의 과정을 경험했습니다.

스프린트 단위로 기능을 개선하며 기획자, 디자이너, 개발자들과 긴밀하게 협업하여 제품을 발전시켜 나갔습니다.

새로운 기술을 학습하는 데 두려움이 없으며, 업무에 필요한 기술을 스스로 익히고 실무에 적용하는 능력을 갖추고 있습니다. 단순히 기술을 도입하는 것에 그치지 않고,

팀원들과 지식을 공유하며 보다 나은 개발 환경을 만들어가는 것을 지향합니다.

UX를 가장 중요하게 생각하며, 사용자 경험을 개선하기 위한 방법을 끊임없이 고민하고 제안하는 것을 즐깁니다.

사용자 인터뷰에 직접 참여하여 실제 사용자들의 요구사항과 불편함을 파악한 경험이 있습니다. 인터뷰를 통해 사용자가 어떤 점에서 어려움을 느끼는지,

어떤 기능을 필요로 하는지를 구체적으로 이해할 수 있었고, 이를 바탕으로 UI/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)를 도입하여 백엔드 의존성을 해소하고 개발 프로세스를 개선
graphql-codegen을 도입하여 GraphQL 스키마로부터 타입을 자동으로 생성함으로써 타입 안정성과 개발 생산성을 향상
전역 상태로 관리하던 오버레이 컴포넌트(BottomSheet, Dialog)의 복잡성을 줄이기 위해 toss/overlay 라이브러리를 활용하여 선언적으로 관리하도록 리팩토링

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

React Typescript Styled-component