• 백엔드 (이정훈, 이정범)

  • Spring, Mybatis
  • Maria DB
  • 운영서버 (AWS)
  • tool: IntelliJ, Erwin, Toad Edge
  • 단위테스트: JUnit
  • API 문서 생성: Swagger
  • API 테스트: Postman

• 프론트엔드 (이선엽)

  • React, Redux, typescript
  • Webpack, Babel
  • AWS S3, CDN
  • tool: vscode, React-developer-tools(브라우저 익스텐션)
  • mocha, nock, enzyme, jest, redux-mock-store
  • Mocking server
  • Atomic Design, Storybook

• 사용자

  • 일반 사용자(쇼핑 고객)
  • 스토어 운영자(소상공인)
  • 시스템 관리자(어드민)

1. 요구사항 & 기능명세

• 어떤 기능들을 제공해줄 것인지?
  • 로그인/회원가입 기능
  • 소상공인
    • 쇼핑몰 등록 신청
    • 쇼핑몰 관리
    • 쇼핑몰 상품등록
    • 주문자 목록 관리
  • 일반 사용자
    • 상품 검색
    • 상품 카테고리별로 필터링 해서 조회
    • 장바구니에 담기
    • 주문
  • 관리자
    • 쇼핑몰 등록 신청 수락
    • ....

2. 기능별 플로우

• 스토리 보드 (화면 설계서)
  • 서버에 전송되는 데이터
  • 화면상에서 표출되는 데이터
• 기능별 시퀀스 다이어그램

3. 시스템 설계

• 아키텍쳐 설계 (공통)
• DB 모델링 (백엔드)
  • 테이블 정의
• 컴포넌트 설계 (프론트)

4. 협업환경 구성

• Github 브랜치 전략 설정
  • Centralized workflow
• 코딩 컨벤션 정립
  • 자바스크립트: airbnb 스타일
  • 자바: 구글 자바 스타일
• Slack 에서 토론, notion 을 사용해서 문서 관리

5. 개발

기타

• AWS
  • EC2 인스턴스 (서버 - linux)
  • S3
  • CDN
• CI/CD 파이프라인 구성
  • 자동으로 Docker 이미지로 배포