Project

[세미 프로젝트] 1DU1DU 원두 구독쇼핑몰 프로젝트 진행과정 기록

mim 2022. 3. 21. 09:00
반응형

세미 프로젝트 기록

원두 정기구독 쇼핑몰 1DU 1DU
프로젝트 기간 ( 2022.02.16 - 2022.04.01 )
기능 구현 기간 ( 2022.03.21 - 2022.04.01 ) 2주간 진행.
팀 인원 : 5명

 

세미 프로젝트 소개 (팀 노션 페이지)

세미프로젝트 주제는 고객 취향 테스트를 통해 입맛에 맞는 원두를 매달 정기 구독할 수 있는 서비스를 제공하는

1DU 1DU라는 이름의 쇼핑몰이다.  프론트와 백엔드는 구별하지 않고, 팀원들과 기능별로 나누어 제작하기로 했다.

그중 내가 맡게 된 메인 기능은 상품 주문과 상품 결제이다.

그리고 관리페이지의 주문 내역관리, 교환환불 요청 / 마이페이지의 주문내역 상세및 수정 등을 맡았다.

 

2월 16일 세미프로젝트 팀이 정해졌고, 수업 진도와 동시에 세미 프로젝트를 진행하고 있다. 

온전히 기능 구현을 하는 기간은 3월 23일 부터 프로젝트 발표날인 4월 1일까지 약 2주 가량 기간동안 제작하게 된다.

 

아래는 진행과정을 기록한 개인 노션의 캘린더이다.

프로젝트 진행 과정

 

2월 달은 프로젝트 요구사항 분석과 기획 기간을 가졌다.

아직도 수업이 진행되는 중이라 세미프로젝트 기록을 이제야 시작할 수 있었다. 

 

 


 

1. 프로젝트 기획 및 요구사항 분석

원두 구독 쇼핑몰 이라는 주제는 관심있던 '전통술 구독'에서 키워드를 얻었다.

최근 과자 구독 등 다양한 정기 구독 서비스가 늘어났고 소비자에서 구독자로 변해가는 구독 경제 트렌드에 맞춰

CRUD의 기본이라는 쇼핑몰 제작을 진행하게 되었다.

프로젝트는 처음이라 기획에 있어 유사 사이트 분석을 통해 기획안을 작성했다.

 

팀프로젝트 진행 사항과 기록은 국비 선생님이 제공한 팀 프로젝트 템플릿 안에서 작성 중이다.

 

1-1. 요구사항 명세서

(팀 노션 페이지)

 

1-2. 주요 기능 명세

(팀 노션 페이지)

 

1-3. 유스케이스 다이어그램

유스케이스 다이어그램을 작성하는 방법을 배웠고, 그에 맞춰서 기능을 유스케이스 다이어그램으로 도식화했다.

그동안 미니 프로젝트에서 웜지컬을 사용했기 때문에 유스케이스 작성을 위한 diagrams.net(구 draw.io) 사이트는 디자인이 마음에 들리 만무하고, 이 부분을 흐린 눈 하면서 작성했던 것 같다. 

 

1-4. 전체업무 흐름도

Whimsica로 작성한 전체 업무 흐름도

 

1-5. Figma 프로토 타이핑

국비 과정은 백엔드 개발자 양성 과정이라 모두 백엔드 개발 지망생(?)인지라 프론트 부분이 걱정되었는데, 

피그마 사용 방법이 워낙 간편, 간단해서 팀원들과 재밌게 프로토 타이핑을 작성할 수 있었다. 

처음에는 화면 구현기간이 워낙 촉박하게 느껴져서 프로토타이핑을 왜 이렇게 자세하게 작성해놔야 하는지

이해할 수 없었는데, 지금은 너무나 도움이 되고 있다.

프로토파이핑을 해둔 덕분에 팀원들이 각자 맡은 화면을 만들고 있지만, 전체적인 사이트의 디자인이

크게 벗어나지 않고 통일감있게 작성할 수 있었다.

팀 프로젝트 피그마로 작성한 프로토 타이핑

 


 

그리고 가장 중요하다는 ERD 다이어그램 논리/물리적 모델링을 작성했다.

프론트 부분과 ERD 다이어그램 작성은 각각 블로그포스팅 할 예정이다.

반응형