포트폴리오 리뉴얼
개인 포트폴리오 리뉴얼 입니다.
#React#Next.js#TailwindCss#NotionAPI#Vercel#GA4
Next.js 및 Node.js 버전 업데이트
미뤄둔 메이저 버전 업그레이드와 의존성 정리. 빌드 파이프라인 안정성과 보안 취약점을 개선했습니다.
#Next.js#Node.js
Linux 플랜 도입 및 결제/플랜 시스템 아키텍처 개선
신규 Linux 플랜 도입에 맞춰 결제 구조를 재설계. 할인율별 분기와 100% 쿠폰 시 PG 우회 발급까지 예외 케이스를 다뤄습니다.
#Next.js#Styled-Components#Tanstack-Query🌐 다국어 관리 시스템 아키텍처 개선 및 자동화
문구 하나 고치려고 개발자를 기다려야 했던 다국어 관리를 자동화한 과정. CX팀의 수정 리드타임을 90% 줄였습니다.
#Node.js#Google Spread#API Gateway#AWS S3#Nexti18AWS Lambda@Edge 기반 이미지 최적화 및 리사이징 시스템 구축
이미지 하나 때문에 느려지는 페이지를, 서버를 늘리지 않고 해결한 방법. 페이지 로딩 속도를 40% 개선했습니다.
#Node.js#AWS S3#Lambda트라이얼 버튼 A/B 테스트 및 클릭률 최적화
버튼 문구 하나가 전환율을 얼마나 바꿀 수 있는지 직접 측정해본 실험. 트라이얼 전환율을 12%에서 18%로 올렸습니다.
#Node.js#Next.js#AWSTeamConsole UserPool (기업용 소프트웨어 사용자 관리 시스템)
기업 고객이 소속 사용자를 직접 관리하게 만든 B2B 콘솔. 레거시 데이터 구조를 개편해 운영 문의를 줄였습니다.
#Tanstack-Query#Next.js#Styled-Components
MailChimp를 활용한 뉴스레터 구독 관리 자동화
어드미과 구독 데이터가 따로 놀아 생기던 문제를 싱크 파이프라인으로 해결. 이메일 오픈율이 15%에서 23%로 올랐습니다.
#Node.js#MailChimpAPI2024 통합 로그인 정책 적용 및 서비스 통합 (전사 프로젝트)
따로 놀던 5개 자사 서비스를 하나의 계정으로 묶은 전사 프로젝트. SSO 프론트엔드 설계를 맡았습니다.
#Next.js#Styled-Components
마블러스디자이너 디자인 시스템 구축
마블러스디자이너 디자인 시스템 스토리북입니다.
#React#TypeScript#Styled-Components#npm#rollup#Chromatic#GithubAction
💰 글로벌 구독 결제 시스템 구축 및 고도화 (2020 - 2025)
국가별로 다른 PG 정책과 구독 상태 전환의 엣지 케이스를 다룬 5년간의 기록. 구독 취소율을 35%에서 22%로 낮춰습니다.
#Next.js#Styled-Components#Paypal#Stripe#Alipay
Marvelousdesigner 3D 스토어
Marvelousdesigner 3D 스토어 이커머스
#Mobx#Next.js#Styled-Components#GA4
Zendesk Helpcenter 리뉴얼
Zendesk Helpcenter 리뉴얼입니다.
#Javascript#Hbs#Jquery#Node.js
마블러스디자이너 Client 웹 리뉴얼
.Net Razor 웹서비스를, Next.js 프로젝트로 리뉴얼했습니다.
#React#Next.js#Tanstack-Query#Mobx#Styled-Components#Nexti18#Framer
개인 포트폴리오 웹사이트
개인 포트폴리오 랜딩페이지
#React#Redux#Scss
UZMEX 비트코인 마진거래소
UZMEX 비트코인 마진거래소 웹서비스 입니다.
#React#Scss#Chart.js
Aipebot 트레이딩 대시보드
AIBOT 대쉬보드 웹서비스 입니다.
#React#Redux#Scss#Socket.io#Chart.js
3Piks: 코인 리워드 플랫폼 (마이페이지)
마이페이지 개선
#React#Redux#Scss
화상 채팅 웹서비스
그룹 화상채팅을 할 수 있는 웹서비스입니다.
#React#Scss#Redux#MongoDB#FireBase#Node.js
퍼블리셔 프로젝트
퍼블리셔 프로젝트입니다.
#Jquery#Javascript#HTML#CSS