플러스프로젝트 배경
1) 문제점 - 일반 상품 이미지만으로는 안경이 자신의 얼굴형에 어울리는지 판단하기 어려움 - 가상 체험과 기존 쇼핑몰의 상품·옵션 정보가 분리되면 구매 흐름이 복잡해짐 - 기존 상품 페이지 안에서 체험 기능을 자연스럽게 제공할 커스텀 UI와 API가 필요함 - 운영 중인 AR SDK 솔루션은 카테고리와 사용자 역할이 늘어날수록 백엔드 기능 확장이 필요함 2) 프로젝트 목표 - 카메라 기반 3D
프로젝트 성과
안경 AR 가상 체험 UI·API 구현
카메라 기반 3D 안경 가상 체험 서비스의 React UI/UX와 체험 API 연동 흐름을 구현했습니다.
Cafe24 상품·옵션 연동
기존 상품 페이지를 커스터마이징하고 옵션별 가상 체험용 Node.js API를 Cafe24 API와 연결했습니다.
AR SDK 플랫폼 백엔드 유지보수
Node.js·Sequelize·MySQL 기반 상용 AR SDK 솔루션의 기존 백엔드를 분석하고 기능을 유지보수했습니다.
카테고리 및 역할별 기능 확장
신규 카테고리 기능과 사용자 역할에 따른 기능 분기 로직을 추가해 운영 가능한 기능 범위를 넓혔습니다.
핵심 기능
AR 안경 가상 체험 UI·API 연동
카메라 기반 가상 체험 결과를 React 화면에 표시하고 상품 옵션 데이터와 연결합니다.
진행 단계
가상 체험·커머스 연동 흐름 정의
2021.06
가상 체험 진입부터 상품 옵션 선택까지의 API 흐름과 사용자 화면 구조를 정리했습니다.
프로젝트 상세
1) 포트폴리오 소개 동일 재직 기간에 수행한 두 개의 별도 AR 프로젝트를 묶은 직무형 포트폴리오입니다. [프로젝트 A | 안경 AR 가상 체험·커머스 연동 | 2021.06~2021.09] 온라인 안경 구매자가 카메라 기반 가상 체험으로 3D 모델링된 안경을 비교할 수 있도록 React UI/UX와 체험 API 흐름을 구현했습니다. 기존 Cafe24 상품 페이지를 커스터마이징하고, 상품 옵션별
