<aside> 👋

화면 개발을 중심으로 DB·배포·자동화까지 맡고 있는 1년차 프론트엔드 개발자입니다.

준텔레콤에서 사내 유일 개발자로 KT마켓의 웹·DB·배포·자동화를 맡아 운영하고 있고, 그 전에는 4개의 팀 프로젝트에서 100건 이상의 PR로 협업했습니다.

</aside>

📧 [email protected] · 💻 github.com/aquaman122 · 📝 velog.io/@aquaman122 (2023.11~, 157편 이상)

1. KT마켓 — KT 공식 온라인 대리점 (주식회사 준텔레콤)

프로젝트 배경

KT마켓은 KT 공식 온라인 휴대폰 대리점입니다. 입사 당시 개발자가 저 한 명뿐이었고, 회사 홈페이지·KT마켓 국내 사이트·글로벌 사이트까지 3개의 서비스를 혼자 만들고 운영해야 했습니다. "혼자서도 팀처럼 일할 수 있는 구조"를 만드는 것이 첫 번째 과제였습니다.

핵심 기여

1) 모노레포 + 디자인 시스템으로 3개 앱 통합 관리

• 문제: 회사 홈페이지·KT마켓 국내·글로벌 사이트가 각각 따로 관리되면 버튼 하나, 색상 하나가 바뀔 때마다 3곳을 손봐야 하고, ESLint·TS 설정도 제각각이 됩니다.
• 해결: pnpm workspaces + Turborepo로 apps/와 packages/(디자인 시스템·ESLint·TSConfig·유틸)를 나눈 모노레포를 구성했습니다. 한 번에 옮기지 않고 Phase A 스캐폴딩 → Phase B 앱별 이관(juntell-main → kt-market → kt-market-global) → Phase C 디자인 시스템 foundation·components·adoption 순서로 PR을 나눠 서비스 중단 없이 마이그레이션했습니다. 디자인 시스템을 공용 패키지로 분리해 각 앱에서 import만으로 재사용하고, Framer 코드 컴포넌트도 apps/kt-market/framer/ 아래 이벤트별로 모아 버전 관리합니다.
• 결과: 공통 UI·설정 변경이 한 곳에서 끝나고, 새 사이트(글로벌)를 띄울 때 기존 패키지를 그대로 가져다 쓸 수 있었습니다.

2) KT마켓 국내 사이트 — Framer + Supabase 위에 실제 기능을 얹기

Framer는 마케팅 페이지엔 강하지만 로그인·DB·연동 같은 기능은 직접 코드로 채워야 합니다.

• 인증 — Supabase Auth 기반 카카오 OAuth 로그인, 로그인 흐름에 카카오싱크를 붙여 채널 구독 동의를 함께 받도록 구현.
• 견적서 — 고객이 만든 견적서를 카카오톡으로 자동 연동·공유하는 기능.
• 사전예약 이벤트 페이지 — 갤럭시 Z 폴드8/플립8, 아이폰18 사전예약 페이지 개발. 모델별 가격표 컴포넌트, 시간대별 노출 제어·재고 카운트다운 등 Framer Code Override(TypeScript) 로 구현. 네이버 SEO 노출을 위한 Title/Description 메타데이터 작업.
• 실시간 구매 현황 위젯 — 여러 테이블을 Supabase UNION ALL 뷰로 합쳐 최신 구매를 실시간 티커로 노출.
• 이미지 저장소 — AWS S3 버킷을 권한 최소화 원칙으로 구성하고 이미지 업로드 연동.