안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
Atto | 구매부터 운영까지 구현한 풀스택 이커머스 프로젝트
개발
웹 · 안드로이드 · iOS
홈페이지ㆍ게시판, 퍼블리싱ㆍ반응형, 커머스ㆍ쇼핑몰 운영
프로젝트 배경
1)문제점 기존 쇼핑몰은 사용자 입장에서는 상품 탐색, 장바구니, 주문, 배송 조회까지의 흐름이 분절되기 쉽고, 운영자 입장에서는 상품 관리, 주문 처리, 배너 관리, 회원 관리가 각각 따로 관리되어 운영 효율이 떨어지는 문제가 있습니다. 특히 사용자 화면과 관리자 기능이 유기적으로 연결되지 않으면 서비스 완성도가 낮아지고, 실제 운영을 고려한 프로젝트로 보기 어렵다는 한계가 있습니다. 2)프로젝트 목표
프로젝트 성과
사용자 구매 흐름 End-to-End 구현
상품 탐색부터 상세 조회, 장바구니, 주문, 결제, 마이페이지까지 이어지는 커머스 핵심 흐름을 하나의 서비스 안에서 연결했습니다. 총 31개의 라우트 구조를 설계해 사용자 여정이 끊기지 않도록 구현했습니다.
2. 관리자 운영 시스템 통합 구축
단순 상품 진열형 프로젝트를 넘어서, 관리자 전용 화면에서 대시보드, 회원 관리, 상품 관리, 주문 관리, 매출 관리, 배너 관리까지 운영 기능을 통합했습니다. 이를 통해 실제 서비스 운영 관점까지 프로젝트를 확장
3. 총 38개 API 엔드포인트 설계 및 연동
백엔드에서 38개의 REST API 엔드포인트를 구현해 프론트엔드와 연동했습니다. 인증, 회원정보, 배송지, 스크랩, 장바구니, 주문, 결제, 관리자 기능까지 포함해 풀스택 구조를 완성했습니다.
4. CRUD 중심의 실무형 기능 구현
상품, 배송지, 장바구니, 스크랩 등 주요 도메인에 대해 조회·등록·수정·삭제(CRUD) 흐름을 구현했습니다. 단순 목록 출력이 아니라 실제 서비스에서 반복적으로 사용하는 데이터 관리 구조를 직접 설계했습니다.
5. 사용자 영역과 관리자 영역을 분리한 서비스 구조 설계
사용자 페이지와 관리자 페이지를 라우팅 단에서 분리하고, 관리자 전용 접근 제어 흐름까지 반영했습니다. 하나의 프로젝트 안에서 사용자 경험과 운영 효율을 동시에 고려한 구조를 설계한 점이 주요 성과입니다.
핵심 기능
상품 목록,상품 상세
카테고리 및 정렬 기능을 통해 원하는 상품을 빠르게 탐색할 수 있도록 구현했습니다.
상품 정보, 옵션, 가격 확인부터 장바구니 담기까지 자연스럽게 이어지는 구매 흐름을 구현했습니다.
진행 단계
1. 기획 및 요구사항 정의
2026.01.
서비스에 필요한 핵심 기능을 정리,사용자 영역에서는 상품 탐색, 상세 조회, 장바구니, 주문, 마이페이지 기능을 우선순위로 설정했고, 관리자 :상품 관리, 주문 관리,회원 관리, 배너 관리, 대시보드 전체흐름 설계
프로젝트 상세
Atto는 사용자 쇼핑 경험과 관리자 운영 효율을 함께 고려해 제작한 풀스택 커머스 프로젝트입니다. 일반적인 쇼핑몰 프로젝트가 상품 조회나 구매 화면 구현에 집중하는 반면, 이 프로젝트는 실제 서비스 운영에 필요한 관리자 기능까지 포함해 보다 실무에 가까운 구조를 구현하는 데 목적을 두었습니다. 사용자 영역에서는 상품 탐색, 상세 조회, 장바구니, 주문, 결제, 마이페이지 흐름을 연결했고, 관리자 영역에서는

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

su******
개발 · 팀

프로젝트 정보

참여 기간
2026.01. ~ 2026.02.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
Atto
역할
웹페이지 제작
관련 기술
AWS S3
TypeScript
React-Router
Vite
Express
Node.js
MySQL
React
Styled-Components