drawyourmind

Works & Projects

웹과 모바일 플랫폼을 아우르는 기술적 도전과 해결 과정,그리고 그 결과물들을 정리한 아카이브입니다.

Main Stream

Company
홈쇼핑모아 재고소진 제휴 파트너십
2026.04
Frontend Developer

홈쇼핑모아 재고소진 제휴 파트너십

홈쇼핑모아 × 리씽크몰 재고소진 제휴 B2B 랜딩 페이지입니다. 방송 후 잔여 재고를 인플루언서 기반 SNS·라이브커머스 채널로 소진하는 솔루션을 소개하고, 파트너사 신청 폼 제출을 유도합니다. SSR 기반 SEO 최적화와 신청 데이터 자동화를 지원합니다.

Next.js
TypeScript
React
NextSeo
Budibase
홈쇼핑모아 디자인 시스템 (MDS)
2026.03 - 진행중
Frontend Developer

홈쇼핑모아 디자인 시스템 (MDS)

홈쇼핑모아의 디자인 토큰을 코드 없이 편집하고 웹/앱에 배포하는 AI 네이티브 디자인 시스템입니다. 관리 UI인 동시에 MCP 서버로 동작하여 외부 AI 툴에 디자인 시스템 컨텍스트를 실시간 제공하며, RAG 파이프라인으로 Figma 가이드라인과 토큰을 벡터 검색합니다.

Next.js 16React 19TypeScriptTailwind CSS v4+6
홈쇼핑모아 큐레이션(기획전)
2025.01 - 진행중
Frontend Developer

홈쇼핑모아 큐레이션(기획전)

CMS 기반의 동적 기획전 페이지 시스템입니다. 다양한 컴포넌트를 조합하여 프로모션 페이지를 구성하고, SSR 기반 SEO 최적화와 네이티브 앱 통합을 지원합니다.

Next.jsTypeScriptReactRedux Toolkit+1
홈쇼핑모아 웹(hsmoa-web)
2024.01 - 진행중
Frontend Developer

홈쇼핑모아 웹(hsmoa-web)

홈쇼핑 상품을 한곳에서 비교하고 구매할 수 있는 통합 플랫폼입니다. 실시간 방송 연동, 스케줄 관리, 쿠폰 시스템 등 풀스택 이커머스 기능을 제공합니다.

Next.jsTypeScriptRedux ToolkitTailwind CSS+1
홈쇼핑모아 백오피스 (판매자센터 / 커머스 어드민)
2021.04 - 진행중
Frontend Developer (Buzzni Commerce Squad / Frontend Chapter)

홈쇼핑모아 백오피스 (판매자센터 / 커머스 어드민)

홈쇼핑모아 자사몰(알뜰쇼핑) 구축과 직접 결제 도입을 위한 백오피스 프론트엔드입니다. 셀러가 운영하는 판매자센터와 회사가 운영하는 커머스 어드민을 개발했습니다.

ReactTypeScriptAnt Designstyled-components+1
Medit Partner Portal (MPP)
2019.09 - 2021.03
Frontend Developer

Medit Partner Portal (MPP)

메디트의 글로벌 파트너(딜러)를 위한 B2B 포털 시스템입니다. 3D 스캐너 제품 주문, 배송 추적, Proforma Invoice 발행, 파트너 관리 등 딜러 영업 전 과정을 웹에서 처리할 수 있도록 구축했습니다.

Vue.jsTypeScriptVuexAnt Design Vue+1
Medit e-HR System
2019.09 - 2019.12
Frontend Developer (MEDIT IST)

Medit e-HR System

메디트 직원의 직무와 성과를 엑셀 대신 온라인에서 관리하는 성과 관리 시스템입니다. 분기별 목표 작성, 멘토 승인, 동료 평가, 관리자 모니터링 화면을 Vue.js로 개발했습니다.

Vue.jsElement UIvue-i18n
YBM 중학 영어 디지털북
2018.09 - 2018.12
Frontend Developer (상록영상 중학 영어 구축팀)

YBM 중학 영어 디지털북

YBM 중학 영어 디지털북 구축 프로젝트로, Vanilla JS 기반 프론트엔드 개발을 맡았습니다.

JavaScript
고아웃 스토어 운영
2018.01 - 2018.12
스토어 운영 총괄 (MediaBling Crossmedia Team)

고아웃 스토어 운영

고아웃코리아의 고아웃 스토어 운영 총괄과 고아웃 행사 운영·참여, 고아웃 매거진 구독 관리를 맡은 프로젝트입니다.

아디다스 골프 마케팅 운영
2017.12 - 2018.12
온라인 마케팅 운영 대행 (MediaBling Crossmedia Team)

아디다스 골프 마케팅 운영

아디다스 골프의 1년간 온라인 마케팅 운영 대행 프로젝트입니다. 제품 촬영, 영상 콘텐츠, 시즌 키비주얼과 캠페인 영상 제작을 크로스미디어팀에서 총괄 관리했습니다.

Dior VIP 고객 모바일 갤러리
2017.12 - 2018.12
모바일 갤러리 구축 및 운영 (MediaBling Crossmedia Team)

Dior VIP 고객 모바일 갤러리

Dior VIP 고객을 위한 모바일 갤러리 서비스를 구축하고 운영한 프로젝트입니다.

Dior 브랜드 소셜 마케팅 운영
2016.09 - 2017.08
SNS 마케팅 총괄 운영 관리 (MediaBling Crossmedia Team)

Dior 브랜드 소셜 마케팅 운영

Dior의 브랜드 SNS 마케팅을 1년간 총괄 운영·관리한 프로젝트입니다.

메리츠화재 다이렉트 자동차보험
2015.07 - 2016.01
Frontend Developer (eTRIBE Meritz TF)

메리츠화재 다이렉트 자동차보험

메리츠화재 다이렉트 자동차보험의 PC 리뉴얼과 모바일 신규 구축 프로젝트입니다. 이트라이브가 기획·디자인·프론트엔드를 맡은 메인 개발사로 참여해 AngularJS로 스텝형 가입 UI를 개발했습니다.

AngularJSGruntJavaScript
VUAL 투명디스플레이 키오스크
2012.06 - 2015.05
TF 파트장 / Flash AIR, GEOF, Socket, Showroom 개발

VUAL 투명디스플레이 키오스크

웹에이전시 이트라이브(eTRIBE)에서 런칭한 투명디스플레이 기반 뉴미디어 키오스크 브랜드입니다. 멀티터치 투명디스플레이, Kinect 모션 인식, Arduino 턴테이블을 Adobe AIR로 연동해 Nike+ FuelBand 체험형 키오스크와 쇼룸을 구축했습니다.

ActionScript 3.0Adobe AIRKinectArduino+2
롯데손해보험 하우머치 다이렉트
2011.07 - 2012.01
Flex RIA 메인 개발 (eTRIBE Lotte Howmuch TF)

롯데손해보험 하우머치 다이렉트

롯데손해보험 하우머치 다이렉트 보험 프로젝트로, Flex RIA 플랫폼 메인 개발(ActionScript 3.0)을 맡았습니다.

FlexActionScript 3.0

Side Hustle

Personal
몇점이야? — MBTI 궁합 점수 테스트

두 사람의 MBTI·나이·혈액형을 넣으면 연인·친구·직장동료·썸 등 관계별 궁합 점수를 AI가 B급 감성으로 분석해주는 무료 테스트입니다. 16개 유형별 궁합 순위와 136개 조합 상세 페이지를 정적 생성해 검색 유입을 만드는 SEO/AEO 실험 프로젝트이기도 합니다.

Blanc Belluno

Blanc Belluno

Next.js 16React 19TypeScript+6

프리미엄 이벤트 스타일링 포트폴리오 웹사이트입니다. 8개 카테고리(아치, 숫자 타워, 돌잔치, 생신연, 기업 행사, 파티, 졸업·입학식, 웨딩)별 작업물 갤러리와 서비스 상세 페이지, 상담 문의, 인스타그램 피드, 관리자 대시보드를 제공합니다.

miniplay

miniplay

Next.jsTypeScriptTailwind CSS+3

온가족이 함께 즐기는 벌칙 미니게임 모음 사이트입니다. 사다리, 룰렛, 악어 이빨, 풍선 팡 등 7종의 미니게임을 PWA로 제공하며, Web Audio API로 효과음과 BGM을 코드로 합성합니다.

쿠팡 파트너스 API Test Console

쿠팡 파트너스 API Test Console

Next.js 15React 19TypeScript+1

쿠팡 파트너스 API를 테스트하고 통합하기 위한 웹 애플리케이션입니다. 상품 검색, 딜/프로모션 브라우징, 상품 추천, 딥링크 생성 등 제휴 마케팅을 위한 다양한 기능을 제공합니다.

골드박스 투데이

골드박스 투데이

Next.js 16React 19TypeScript+3

골드박스 일일 특가 상품을 자동 수집하여 가격 히스토리, 역대 최저가 분석과 함께 보여주는 제휴 마케팅 플랫폼입니다. 매일 오전 상품 데이터를 자동 수집하고, 멤버십 회원가 비교와 기획전 큐레이션까지 제공합니다.

GS Fresh Weekly

GS Fresh Weekly

Next.jsReactTypeScript+3

GS Fresh 마트의 주간 특가 상품을 확인하고 쿠팡 가격과 비교할 수 있는 웹 애플리케이션입니다. 매주 목요일 새로운 전단지가 업데이트됩니다.