Front-End Developer
🏠 Seoul
📮 [email protected]
🔗포트폴리오
🔗 GitHub | ronieo
Introduce
.png)
팀과 함께 일하는 것을 중요하게 생각하는 프론트엔드 개발자입니다.
React/TypeScript 환경에서 클레임 대응 정책 관리, 알림톡 발송 시스템 등
운영 기능 개선 프로젝트에 참여하며 사용성과 효율성을 높이는데 집중해 왔습니다.
성능 최적화부터 협업 커뮤니케이션까지 실무에서 꾸준히 개선하고 배우며 성장하고 있습니다.
핵심역량
- 사용자 흐름을 고려한 UI 설계 및 피드백 기반 개선 경험
- 대용량 데이터 렌더링 최적화 및 네트워크 부하 최소화 구조 설계
- 반복 업무 최소화를 위한 로직 분리 및 컴포넌트 모듈화
- 실무자 중심 기능 설계 및 기획/디자인/운영 직군과의 원활한 협업
Work Experience
도소매 주문 및 상품 자동화 B2B 도매 플랫폼 ‘도매윙’
Client Developer
2025.01~2025.04
(4개월)
'도매윙' 홈페이지: 클라이언트 리빌딩 및 상품 목록 페이지 렌더링 최적화
- 상품 데이터 85만 건 규모의 목록 페이지 렌더링 구조 개선 및 초기 로딩 시간 24초 2초로 단축
- Swiper, Skeleton UI, SweetAlert2 등 피드백 요소 활용 및 UX 완성도 향상 및 페이지 체류 시간 증가
- 조건부 API 병렬 요청 + 필요한 데이터만 요청하는 구조로 네트워크 부하 최소화 및 응답 속도 최적화
- useProductDetail 등 커스텀 훅을 통한 데이터 요청 및 비동기 처리 로직을 커스텀 훅으로 분리하여 코드 재사용성과 안정성을 강화
- 반응형 Tailwind UI 설계로 데스크톱·모바일 환경 모두에서 일관된 사용자 경험 제공
-기술적 개선이 곧 비즈니스 지표 개선으로 연결된다는 것을 직접 경험하면서 “기술과 사용자·비즈니스 간 연결고리를 설계하는 시야”의 중요성을 체감
Tech Stack
React TypeScript Axios TailwindCSS Inertia.js
오피스 정기 구독 식사 서비스 ‘푸딩’
Front-end Developer
2023.11~2024.06
(8개월)
푸딩’의 어드민(BackOffice): 클레임 대응 정책 설계
- 클레임 유형별 대응 정책 정리 및 조치·조정 프로세스를 React-admin에서 기능으로 설계하고 개발 주도
- React-admin의 SimpleForm, useNotify, useRedirect 등 활용하여 CRUD UI 구성의 일관성과 개발 생산성 확보
- 반복되는 업무 패턴을 추출해 커스텀 훅으로 구성 및 상태 관리, 조치 등록, 필터링 로직의 중복 제거
- 조치 생성 시 사내 메신저 연동 푸시 알림 구현 대응 속도 향상 및 실무자 피로도 감소
- 클레임 알림톡 발송 기능을 신규 설계하여 템플릿 자동 완성과 테스트 발송 흐름으로 운영 효율화
- 기획, 운영, 개발의 흐름을 처음부터 끝까지 연결하며 문제 해결의 본질은 '기능'이 아닌 '사용자 맥락'임을 실감. 실무자 인터뷰를 통한 요구사항 정의, 반복 업무 자동화, 운영자 피드백 수렴 등을 통해 "협업 중심의 프론트엔드 사고방식"을 내재화하게 됨
Tech Stack
Typescript React Axios React-Admin
React-qeury React-hook-form TailwindCSS MUI