미리보기

Xenon (2022.04 ~ 2024.04)
한국과 일본 시장에 특화된 이커머스 플랫폼을 통합 관리하는 솔루션을 개발하여, 업무 프로세스를 최적화하고 업무 시간을 대폭 줄임으로써 전반적인 운영 효율성을 크게 향상 시켰습니다.


What did I do

• 국내 이커머스 통합관리 솔루션 제작
  (ESM, Coupang, 11st, Interpark, Cafe24 등)
• Typescript 와 ORM 을 적극적으로 추진
  런타임 전 에러를 색출해낼 수 있었고, 개발 프로세스의 안정성과 효율성을 개선
• 쇼핑몰 통계, 정산청구서 발행 제작
  PDF / JPEG / XLSX 의 서식을 지원
• 입・출고, 배송, 재고, 발주 관리
• 다국어 처리 (한국어, 일본어)
  보다 자연스러운 일본어를 적용하기 위해 연구하였고, 일본어 사용자를 약 1200명 유치시킬 수 있었습니다.
• Kakaotalk 알림톡 서비스 연동
  이커머스 사이트에 접속하지 않고도 CS업무를 처리할 수 있도록 개선
  하루 CS 처리량이 20% 향상되었습니다.
  
  

Tech Stack
front-end : Vue / Vuex / Vuetify / Tailwind / Jest / ChartJS
back-end : Express / Sequelize / WebSocket / ExcelJS

 

Sellingtool (2022.01 ~ 2023.03)
작은 규모로 시작했지만 현재는 1,000명 이상의 유저를 유치하고, 월간 정기구독을 통해 팀의성장을 이끌어냈습니다.


What did I do

• 국외 이커머스 통합관리 솔루션 제작 (eBay, Amazon, Shopify, Mercari 등)
  크롤링으로 진행하던 처리를 API를 사용하여 처리
• 국내외 배송사 연동 (UPS, EMS, DHL, FedEx, qExpress 등)
  배송사 사이트에서 일일히 하던 작업을 솔루션내에서 가능하도록 처리
  기존대비 처리량이 30% 상승하였고 통계과정이 간편해졌습니다.
• PDF, JPEG 라벨출력 제작
• 다국어 처리 (한국어, 일본어)
• PayPal 결제 연동
• JavaScript에서 Typescript로 마이그레이션
  
  

Tech Stack
front-end : Vue / Vuex / Tailwind / Jest / ChartJS
back-end : Express / Sequelize / WebSocket / ExcelJS

 

Lynx (2023.06 ~ 2024.04)
Xenon, Sellingtool의 이커머스 및 배송 API를 통합하는 코어 패키지 개발을 제안하고 주도적으로 개발했습니다.


What did I do

• AWS SQS 서비스 및 ECS를 이용해 다량의 작업을 분산하여 처리
• 개발환경 최적화
  종속된 레퍼런스의 변경이 필요할 경우 중앙집중식 수정을 통해 팀원이 서비스 개발에만 집중할 수 있도록 구축
  
  

Tech Stack
AWS SQS / ECS / CloudWatch / NPM / Sequelize

링거스튜디오 (2021.09 ~ 2022.01)
음원 저작권 거래를 위한 NFT 플랫폼 개발에 참여, 최신 웹 기술 및 프레임워크를 활용하여 사용자 친화적이고 안정적인 서비스를 제공하였습니다.


What did I do

• SEO 개선
  서버 사이드 렌더링(SSR)을 지원하는 NextJS를 통한 페이지 로딩시간을 약 1.2초 단축 및 웹사이트 가시성을 높이는 데 기여
• 현대적 백엔드 아키텍처 설계
  NestJS 및 Drizzle을 사용하여 높은성능과 보안성을 갖춘 API 개발을 주도
• 최적화 설계
  클라우드 기반 인프라를 이용한 음원 데이터의 안정적인 저장 및 빠른 접근성 보장
  
  

Tech Stack
front-end : NextJS / Recoil / Tailwind
back-end : NestJS / Drizzle

 

링거갤러리 (2021.08 ~ 2022.01)
일본 시장을 겨냥한 패션 플랫폼이며, 프로젝트 요구 사항을 정확히 이해하고, 사용자 중심의 설계를 통해 일본 소비자의 선호와 요구를 만족시키는 인터페이스를 개발하였습니다.


What did I do

• 모듈화된 컴포넌트 시스템 도입
  프론트엔드의 유지보수와 확장성을 위해, NextJS와 Tailwind를 사용하여 재사용 가능한 UI 컴포넌트를 구축했습니다.
• 프로시저 적용
  인증 및 결제단계에서 발생하는 모든 쿼리를 프로시저로 구축해 보안을 향상시키고 총 처리시간을 약 2초 단축시켰습니다.
• PWA 기술 적용
  사용자 경험을 향상시키기 위해, 오프라인에서도 작동 가능하며, 모바일 앱과 유사한 사용자경험을 제공하는 PWA 기술을 적용했습니다.
• 지속적 통합 및 배포(CI/CD) 파이프라인 구축
  개발 팀의 생산성을 향상시키고, 시장 출시 시간을 단축시켰습니다.
• KG 이니시스 결제 연동
  
  

Tech Stack
front-end : NextJS / Recoil / Tailwind / Antd / KakaoMap
back-end : Express / Drizzle

히로게테 (2019.09 ~ 2021.01)
eBay, Rakuten API를 연동하였으며, 데이터베이스 리전을 일본으로 성공적으로 이전시켜 레이턴시를 감소시켰습니다.
또한 팀장의 직책을 맡아 월간리포트 작성과 프로젝트 목표 달성을 위해 효율적으로 프로세스를 개선시켰습니다.


What did I do

• AWS 환경 설정 및 관리
  AWS 서비스를 활용하여 서버 관리 및 인프라 구축 경험. 이를 통해 고가용성, 확장성, 보안성을 갖춘 서버 환경을 성공적으로 구현
• 테이블 모듈 교체
  기존 노후한 데이터테이블 모듈을 최신기술로 교체하여 데이터 처리 시간을 2.4초에서 1.1초로 감소시켰습니다.
• 국제 배송 서비스 개발
  일본 우체국, FedEx, DHL을 포함한 다양한 배송 서비스에 대응하기 위해 신규 택배 서비스를 추가하고, 3가지 서비스에 대한 픽업 요청 기능을 신속하게 개발 및 통합
• GMO 결제 연동
  다양한 사용자 요구를 충족시키기 위해 등급별 사용자 경험을 설계 및 구현하여 사용자의 편의성과 만족도를 크게 향상시켰습니다.
• Babel 도입
  Babel을 도입하여 다양한 브라우저에서의 호환성을 보장
  
  

Tech Stack
front-end : Angular / Loco / Bootstrap / ChartJS
back-end : ActionHero / WebSocket / Redis / Jade / ExcelJS

 

플레이오토 2.0 (2019.06 ~ 2019.09)
복잡한 데이터 통합과 사용자 인터페이스 설계를 통해, 다수의 쇼핑몰을 손쉽게 관리하는 기능을 구현하였습니다.


What did I do

• AngularJS 코드 리팩토링
  AngularJS의 $compile 함수에 과도하게 의존하던 구조를 개선하여, 어플리케이션의 안정성과 응답 속도를 현저히 향상시켰습니다.
• 이메일 통신 기능 구현
  솔루션 내 이메일 수신/발신을 지원하는 새로운 문의 기능을 개발하여, 사용자와의 소통을 강화하고 비즈니스 운영의 효율성을 높였습니다.
• 임시 저장 기능 추가
  상품 및 주문 등록 과정에서 임시 저장 기능을 구현함으로써 사용자의 작업 효율성을 개선
  
  

Tech Stack
front-end : AngularJS / Gulp / Bootstrap / Loco / ChartJS
back-end : Actionhero / Redis / ExcelJS

tymX (2017.12 - 2019.06)
이적시장 주식 및 암호화폐 거래 플랫폼의 프론트엔드를 개발하였으며, 3월경에 1차적으로 릴리즈가 완료되었습니다.


What did I do

• 메인 사이트의 40페이지 및 백오피스 시스템 개발을 주도
• 다국어 지원(I18N)을 적용
  해외사용자 약 3만명을 추가로 유치시킬 수 있었습니다.
• UI 설계 및 UX 개선을 위해 최신 웹 개발 기술과 프레임워크를 적극적으로 활용
• Agile 개발 방법론을 적용하여 프로젝트를 관리, 지속적인 개선을 통해 목표를 효과적으로 달성
• 커뮤니케이션 및 문제 해결
  Jira도입과 정기적인 미팅을 제안해 팀원들과 지속적으로 정보를 공유하고, 공동의 목표 달성을 위한 전략을 수립
  
  

Tech Stack
front-end : Angular / Django / MaterialUI / Firebase
back-end : Flask / Express

 

SWIPS (2017.10 - 2019.01)
SWIPS앱에서 사용되는 데이터관리 및 프론트엔드 개발을 맡았으며, 데이터 수집부분은 혼자 맡아 진행하였습니다.


What did I do

• 실시간 이슈에 대응하는 뉴스 생성 서비스 개발
  발행일, 저작자 등의 메타데이터와 함께 MD 파일로 뉴스를 정적 생성
• 선수 매칭
  다국어 및 다양한 국가의 선수를 매칭하기 위해 약 6000명에 대한 이름매칭 사전(딕셔너리) 개발
• 고급 크롤링 시스템 개발
  400개 이상의 사이트, SNS에서 Selenium 및 Scrapy를 이용한 크롤링 시스템을 구현 후 AWS 이벤트브릿지와 연결시켜 스케줄링
• Jpeg 사이즈 최적화
  앱 초기 로딩속도를 3초에서 1.8초 대로 단축시켜 UX 개선
  
  

Tech Stack
front-end : Angular / Django / MaterialUI
back-end : Express / CompressorJS / ImageMagick

AIMYON
あいみょん(Aimyon), 일본의 유명 가수의 작품과 순간들을 담은 카탈로그 페이지입니다.

단순히 개인적인 사진 수집 목적에서 시작되었으나, 이후 전 세계 팬들을 위한 커뮤니티 포럼으로 발전시키기 위한 목적으로 추가 개발하였습니다.


Tech Stack
NextJS 14 / Express / Drizzle / Postgresql / Radix

Fmawo
일본의 전통적인 속담과 방언을 탐구하며, 한국의 문화적 유사점을 살펴보는 페이지입니다.

일본과 한국의 언어적, 문화적 연결고리를 탐색하고, 두 나라 간의 교류를 깊이있게 이해하는 데 도움을 주는 교육적 자원을 목적으로 설계하였습니다.


Tech Stack
NextJS 14 / Nest / Drizzle / RDS / JWT / Radix

Jet lag
해외여행 중 경험할 수 있는 시차로 인한 불편함을 최소화하여 여행자들이 보다 즐겁고 편안한 여행을 할 수 있도록 돕는 페이지입니다.

시차 적응 전략, 휴식 권장 사항 및 개인 맞춤형 조언을 제공하여 여행의 품질을 향상시키는 데 중점을 두고 개발하였습니다.


Tech Stack
NextJS 13.5 / Express / Firebase / JWT / Antd

Minerva
스마트스토어 운영의 불편함을 해소하고 사용자가 필요로 하는 기능들을 통합한 관리 페이지입니다.

처음에는 스마트스토어 전용으로 개발되었으나, 현재는 다양한 온라인 스토어 플랫폼에서도 활용되고 있습니다.


Tech Stack
NextJS 13 / Nest / RDS / JWT / Antd / StyledComponent

Daisy
작년 살인 경고 사태에 대응하여, 방한 여행객을 지원하기 위해 6개 언어로 정보를 제공한 페이지입니다.

살인 예고 지역 표시, 제보 접수, 근처 대피소 정보, 긴급 메시지 전달 등을 통해 여행객들의 안전을 지원하였습니다.


Tech Stack
NextJS 13 / Kakao Map / Pure HTML