미리보기

상품 수집 확장프로그램 제작

타오바오, 티몰, 알리바바 등의 해외마켓에서 상품을 수집하기 위해
크롬 익스 텐션을 개발했습니다.
 
- 2023.12.23 기준 평점 5점 달성

- FE 스크랩 기능으로 크롤링 인프라 서버 구축 비용 절약




FE 스크랩 기반의 데이터로 국내 마켓에 팔릴 가능성이 높은 상품들을 식별하고, 이에 대한 정량적인 수치로 반영함으로써 양질의 상품을 오픈마켓에 제공하는 혁신적인 방식을 개발했고, 네이버, 쿠팡, NHN과 같은 대형 이커머스 플랫폼과의 독점적인 제휴를 통해 업계에서 입지를 확립하였습니다.




chrome의 popup 인터페이스를 활용한 타사 확장 프로그램들과 달리 직접 spa 형식의 element를 삽입해 기존의 react를 이용한 익숙한 개발 경험과 디자인 차별성, 상태에 따른 UI 보여줌으로써 UX와 DX를 향상시켰습니다.


상품가공 프로세스 구축

수집한 상품 데이터를 활용하여, 7단계로 구성된 가공 프로세스를 통해 오픈마켓에 등록할 상품을 정책에 맞게 가공하고 등록하는 주요 기능을 개발했습니다. 

46개의 데이터 속성을 zustand를 활용하여 가공하는 기능을 개발했습니다.


canvas를 이용한 이미지 에디터 구축 및 운영
canvas를 이용해 그래픽 중심의 에디터를 구축했으며, 다양한 편집 요구사항
 을 구현하기 위해 redux-saga, command pattern 등을 이용해 이미지 편집
 에디터를 구현 및 운영했습니다. 


에디터 서비스 성능 측정, 기능 개선 및 고도화

캔버스를 활용한 이미지 번역 에디터의 성능을 측정하고 부하 지점을 발견하여 향상시키고 고도화하는 작업을 수행했습니다.

- webworker를 이용한 메인스레드 부하 분산
- web assembly를 이용한 성능개선



쇼핑몰이미지 수집기 개발(1인)

- 2023.12.25 기준 평점 4.9점 사용자 약 3,900명

이미지 수집의 정확도를 향상시키기 위해 기존의 외부 솔루션 대신 직접 크롬 확장 프로그램을 개발하여 사용하였습니다. 이를 통해 외부 솔루션 이용 비용을 절감하고 동시에 이미지 수집의 정확도를 획기적으로 개선했습니다.


사내 디자인시스템 관리도구 개발

Storybook과 npm을 활용하여 사내 UI 디자인 시스템을 구축했습니다. 
이를 통해 각각의 UI 컴포넌트를 효과적으로 개발하고 관리할 수 있도록 환경을 구성하였습니다.


사내 FE 프로젝트 CI/CD 구축 (CloudFront, S3, gitlab-ci-cd)


오후 스프링 홈페이지 UI 제작(반응형)


오후 스튜디오 홈페이지 UI 제작(반응형)


nest.js를 이용한 CRUD 백엔드 개발

기술연구소 온보딩 페이지제작

원가관리 서비스 내부시스템 구축



시설정비 020 서비스의 공임비, 인건비, 감리비용 등을 계산하여 
작업의 원가를 효과적으로 관리하기 위해 내부 관리 도구를 구축했습니다.



웹뷰 및 홈페이지 개편 회원 및 전환율 25% 달성


디자이너 기획자와 협업한 퍼블리싱 작업을 통한 홈페이지 개선


결제 시스템 개발 (KG이니시스 결제모듈)


admin 페이지 제작 및 운영


시설정비 020 서비스의 작업자인 워커맨의 스케줄과 작업 관리를 효율적으로
배정하여 업무 프로세스의 투명성을 향상시켰습니다. 
이를 통해 업무 일정을 최적화하고 월별 업무 완료 횟수를 
약 150회에서 200회로 약 33% 증가시켰습니다.


프로젝트 CI/CD 구축

스파르타 코딩클럽 추최 항해 99 부트캠프 실전프로젝트 멘토링
7명의 팀원들에게 기술적 조언을 제공하고 프로젝트에 참여하여 실전 경험을 쌓도록 도왔습니다.
페어 프로그래밍 및 팀 프로젝트를 통한 협업 능력을 강조하여 팀원들의 역량을 향상시켰습니다.

개발자 양성 프로그램 멘토링
수강생들의 코드 리뷰 및 멘토링을 통해 기술 역량을 향상시키고 같이 학습했습니다.
이스트 소프트 externship 멘토로 예비 개발자들의 성장과 기술 습득을 지원했습니다.