미리보기

프론트엔드 개발 리딩

프론트엔드 개발을 리딩하여 프로젝트 설계, 리팩토링과 기술부채 관리, 디자인 시스템 등을 이끌며 상업용 부동산 수익증권 거래 플랫폼인 Rebit을 개발했습니다.

• CustumHooks와 Service, Model, View 레이어를 기반으로 한 Rebit 프로젝트 아키텍처 설계 및 구현
• 메인 도메인을 중심으로 점진적 리팩토링
• 중요도를 4단계 등급으로 나누어 Notion을 통해 기술부채 관리
• 부동산 수익 증권 플랫폼 Rebit Web 및 Rebit Admin 개발

WebSocket 실시간 거래 기능 재개발

기존에 개발되어있던 실시간 거래 기능을 재개발 했고 실시간 데이터 시각화 개발을 했습니다.

• 매수/매도 호가 데이터 테이블 시각화
• 매수/매도 시세 데이터 차트 시각화

컴포넌트 디자인 시스템 설계 및 구축

Rebit Web과 Admin에 사용되는 디자인 시스템을 설계, 구축하고 Storybook 개발 환경을 세팅하였습니다.

• 컴포넌트 개발: Button, Modal, Alert, Icon, TextInput, Select
• NPM 패키지 배포 및 스토리북 Github Pages 배포
• 슬랙 배포 알람 봇 세팅
• Github Actions 사용하여 CI/CD 자동화

부릉마켓 Back Office 개발 리딩

• 식자재 커머스 부릉마켓의 주문, 상품, 카테고리 등을 관리할 수 있는 관리자 웹어플리케이션 개발
• 백오피스 특성상 특정 모델에 대한 CRUD가 많이 발생하는 점에 착안해 도메인별 모듈을 만들어서 개발

부릉 디자인 시스템(VDS) 개발

• UX/UI 디자인팀과 2주에 한 번씩 정기 미팅을 거쳐서 부릉 디자인 시스템의 새로운 컴포넌트 개발 및 시스템 유지보수
• UI 컴포넌트 테스트 코드를 작성하여 유지보수성 개선

팀내 TDD 개발 환경 주도

• 테스트 주도 개발 (켄트백) 스터디를 리딩하여 팀원들에게 TDD 강의 진행

팀 기술부채 관리

• 해결해야할 기술부채를 Jira를 통해 우선순위별로 관리
• 매월 마지막주 목요일마다 페어프로그래밍을 진행하여 기술부채 작업 진행

뷰티/화장품 이커머스 화해(버드뷰) Back Office

• 뷰티 앱 화해 서비스의 Back Office 구축 프로젝트에 참여하여 프론트엔드 개발
• 회원관리, 배송관리, 정산관리, 통계관리, 프로모션관리 파트 개발

영어 학습 관리 MRI Back Office 개발

• 영어 문제 풀이 및 채점, 학생들을 관리할 수 있는 관리자 웹어플리케이션 개발

와인 추천/구독 이커머스 퍼플독 통합 서비스

• Atomic Design 컴포넌트 설계
• Auth 관련 페이지 구현
• 회원 상태에 따른 로그인 분기 처리

사내 UI 보일러 템플릿 개발

• Back Office 개발 생산성을 위해 자주 사용되는 UI 컴포넌트들을 Storybook을 사용하여 사내 UI 보일러 템플릿 개발
• Button, Checkbox, Radio, ,Select, Input, Modal, Spinner, Accordion, Alert, DatePicker 등의 UI Component 개발

패션사업부 글로벌 SPA 점장 4년
패션사업부 글로벌 SPA 채용/문화 1년

• 온보딩 프로젝트 팀에서 채용/문화를 담당하여 현장 문화 및 채용 프로세스 개선
• 연매출 5,000억 규모의 글로벌 SPA 점장으로 패션 브랜드 매장 관리 및 운영
• 당일 기네스 매출 달성하여 비즈니스 성장에 기여

약속장소를 쉽게 정할 수 있도록 중간 장소(핫플레이스)를 찾아주는 서비스입니다.

사용자별 위치와 유동인구 빅데이터 기반으로 핫플레이스 기반의 중간 장소를 추천합니다.
PWA를 사용하여 사용자는 모바일에 추가하여 앱처럼 서비스를 이용할 수 있습니다.
24년 1월 8일 MVP 버전을 런칭 했으며 현재 유저 피드백 중심으로 개선 작업 진행중이며 2월부터 새로운 기능 추가 작업을 진행할 예정입니다.

제공하는 주요 기능

• 핫플레이스 위주의 중간지점을 추천드려요.
• 약속장소 근처의 맛집, 카페 술집을 알려드려요.
• 카카오톡 공유하기로 친구들과 다같이 결과 확인이 가능해요.

내가 담당한 역할과 기능

• 프로젝트 리딩
• 중간 장소 검색 로딩 상태 처리
• 결과 화면 사용자별 요약 데이터 처리
• 결과 화면 지도 폴리라인 및 마커 처리
• 모바일 기기 PWA 자동 설치 유도 팝업 처리
• 검색엔진 SEO 최적화
• 프론트엔드 인프라 작업 (Vercel 및 Route53)