[Brandi internship] 백엔드가 UI를 맡다?! feat.Vue_js 😂

이번에 Brnadi 인턴쉽과정을 하게 되었다!
다행이 Brandi는 프로젝트 준비와 인턴들의 관리가 굉장히 잘 되어있는 기업이었다!! (너무 만족스럽고 다행이었다.)

인턴은 총 5명으로 백엔드만 5명이었기 때문에
조금이나마 UI를 다뤄본 내가 '일단'은 Frontend를 맡게 되어 진행하게 되었다.

기술스택으론

• flask(백엔드)
  • ORM 사용 x
• Vue.js (프론트엔드)

였기 때문에 나는 급한데로 vue.js 공부를 하기 시작했다!
하지만 하루이틀만에 하기엔 무리가 되는 new framework...
내 마음은 하루하루 지날때마다 불안해지기 시작하면서 뭔가에 쫓기는 느낌이 들었다.
(당장이라도 뭔가를 뽑아내야 할 것 같은 느낌이었다.)

다행히도 팀장님이 전 인턴들이 하던 UI를 제공해 주어서 그것을 바탕으로 진행하게 되었다.
하지만, 모든 페이지가 있지 않아 어떤 UI가 있고 없는지에 따른 파악을 먼저 하기로 하였다.

다음은 그 파악을 위한 문서이다!
(이제부터 내가 구멍들을 메꾸어야 할 녀석들이다...☠️)

• UI 상황
  • 서비스
    • 유저
      • 로그인
      • 회원가입
      • 회원가입 - flow
    • 상품 리스트
      • 헤더 부분(필터)
      • 바디 부분(상품 이미지, 타이틀, 가격 등)
    • 상품 디테일
      • 헤더 부분(사진, 사이즈/색상 선택, 가격 등)
      • 바디 부분(상품 정보)
      • QnA 등록
      • QnA 리스트
    • 결재
      • 결재 상황 페이지(주소, 수량체크 등등)
      • 주소 선택 모달창
      • 주문 완료 페이지 ???-없는거같다
    • 장바구니
      • 장바구니에 대한 전체 부분
    • 마이페이지
      • 마이페이지 헤더(주문 배송조회, 포인트, 쿠폰 등등)
      • 주문 리스트
      • 주문 상세 페이지
      • QnA 리스트
    • 혜택존
      • 슬라이드
      • 상세이미지 (디테일)
      • 상세이미지 (상품리스트)
  • 어드민
    • 홈 (매출통계, 상품 상태 현황) - seller
    • 회원
      • 로그인
      • 회원가입
    • 회원관리
      • 샐러계정관리 - master
      • 샐러 정보 수정페이지 - master
      • 샐러정보 관리 - seller
    • 상품 관리
      • 상품 관리 - master
      • 상품 관리 - seller
      • 상품 등록 - master
      • 상품 등록 - seller
    • 주문 관리
      • 상품 준비 관리 - seller
      • 상품 준비 관리 - master
      • 배송중 관리 - seller
      • 배송중 관리 - master
      • 배송 완료 관리 - seller
      • 배송 완료 관리 - master
      • 구매 확정 관리 - seller
      • 구매 확정 관리 - master
      • 주문 상세 관리 - seller, master
    • 기획전
      • 기획전 등록 - master

이제부터 UI공장이 되어 나의 원래 신분이었던
백엔드로 돌아가는 날까지 화이팅이다!!!

아즈아!😆🙌