미리보기
기본 정보
사용자에게 보다 편리한 서비스를 제공하기 위해 문제를 해결하는 과정에서 배움의 즐거움을 느끼고, 이를 완성했을 때 성취감을 얻습니다.
자기소개
3년 차 개발자로 초기 스타트업에 합류해 MVP를 개발하고 출시까지의 과정을 경험했습니다.
스프린트 단위로 기능을 개선하며 기획자, 디자이너, 개발자들과 긴밀하게 협업하여 제품을 발전시켜 나갔습니다.
새로운 기술을 학습하는 데 두려움이 없으며, 업무에 필요한 기술을 스스로 익히고 실무에 적용하는 능력을 갖추고 있습니다. 단순히 기술을 도입하는 것에 그치지 않고,
팀원들과 지식을 공유하며 보다 나은 개발 환경을 만들어가는 것을 지향합니다.
UX를 가장 중요하게 생각하며, 사용자 경험을 개선하기 위한 방법을 끊임없이 고민하고 제안하는 것을 즐깁니다.
사용자 인터뷰에 직접 참여하여 실제 사용자들의 요구사항과 불편함을 파악한 경험이 있습니다. 인터뷰를 통해 사용자가 어떤 점에서 어려움을 느끼는지,
어떤 기능을 필요로 하는지를 구체적으로 이해할 수 있었고, 이를 바탕으로 UI/UX 개선 방향을 도출했습니다.
기술 스택
JavaScript, TypeScript, React, Next.js, HTML/CSS
경력
주식회사클라이머스
프론트엔드 개발자 | 프로덕트팀 | 재직 중
2023.03. ~ 재직 중 (1년 11개월)
Chopsticks 서비스 (링크)
다채로운 취향의 상품을 제작하는 창작자와 소비자를 연결하여 가치있는 소비를 제공하는 아트커머스 플랫폼
Next.js Typescript React-query Recoil Styled-component GraphQL Flutter
이커머스 소비자 플랫폼 개발
이커머스 플랫폼 프론트엔드 개발 및 유지보수
웹뷰 앱 개발 및 배포
장바구니, 결제모듈 연동, 리뷰, 쿠폰, 재입고 알림, 소셜로그인, 선물하기 등 이커머스 핵심 기능 개발
SSR과 SSG를 효율적으로 활용하여 페이지 로딩 속도를 최적화하고 검색 엔진 노출을 개선
Sentry를 도입하고 Slack과 연동하여 운영 서버의 고객 에러를 실시간으로 추적하고 대응
GA(Google Analytics) 전자상거래 기능을 연동하여 데이터 트래킹 시스템 구축
웹뷰 앱 대응
FCM 토큰을 활용한 푸시 알림 전송 시스템 구축
웹뷰와 앱 간의 양방향 통신을 구현하여 네이티브 기능 활용
앱 사용자가 최신 데이터를 즉시 확인할 수 있도록 Pull-to-Refresh 기능 개발
웹뷰 앱의 이미지 확대 제한 문제를 해결하기 위한 핀치 줌(pinch zoom) 기능 개발
성능 및 UX 개선
상품리스트에 무한스크롤 적용 시 발생하는 메모리 누수 문제로 인해 DOM 가상화를 적용하여 렌더링 성능 최적화
ProductList 컴포넌트 렌더링 : 232.7ms => 1.5ms (
99.36%개선)Total Blocking Time : 2,880ms => 120ms (
95.83%개선)
서브셋 폰트 기법을 적용하여 폰트 용량과 네트워크 속도 최적화
262ms ⇒ 86ms (
67.2%개선)
next/image를 활용하여 이미지의 webp 변환 및 지연 로딩 적용
사용자 액션에 대한 즉각적 피드백을 위해 낙관적 업데이트 방식을 구현
상품리스트 ⇒ 상품 상세 진입 후 뒤로가기 시 스크롤 위치 복원
스켈레톤 UI를 도입하여 로딩 상태에 따른 사용자 이탈률 개선
DX 개선
MSW(Mock Service Worker)를 도입하여 백엔드 의존성을 해소하고 개발 프로세스를 개선
graphql-codegen을 도입하여 GraphQL 스키마로부터 타입을 자동으로 생성함으로써 타입 안정성과 개발 생산성을 향상
판매자 및 어드민 사이트 개발
시스템 개발 및 유지보수
github actions를 통한 ci/cd 파이프라인 구축
CloudFront로 정적리소스 캐싱 전략 도입
react-hook-form 및 zod 라이브러리를 활용하여 폼 유효성 검사 및 데이터 관리를 효율적으로 구현하고 코드 중복을 최소화
KChop 신사업 개발
한국 브랜드 제품을 해외 고객에게 간편하게 배송해주는 국제 구매 대행 서비스
React Typescript Styled-component
kchop 플러그인 개발
사용자의 IP 기반 국가 감지 후 i18n을 활용한 다국어 번역 서비스 구현
Shadow DOM을 활용한 캡슐화로 스타일 충돌 방지
제타벤쳐스(주)
프론트엔드 개발자 | 개발팀
2022.03. ~ 2022.09. (7개월)
음원, 시각예술작품, 캐릭터 라이선스 등 다양한 분야의 IP 거래 플랫폼
자사 서비스 프로젝트의 프론트엔드 포지션 담당
JavaScript의 i18n 을 적용하여 사용자의 언어(영어/ 한국어 / 베트남어)에 맞는 페이지를 보여주는 다국어 기능을 개발 및 사용자 언어별로 페이지가 다르게 보일 수 있도록 설계
isms 인증을 위한 google otp 설정 및 google captcha API 도입
