회의록 7주차

프론트엔드팀 7주차 회의록 (2018-12-16)

작성: 프론트엔드팀 일꾼 - 김성빈(@Ethan)

작성일: 2018-12-17 PM 7:30

---

• 실제로 작동되는 것이 중요하므로 이번 주 내에 개발 완료를 목표로 진행

• 아래 내용은 모두 프론트엔드팀 전원의 참여 하에 논의된 내용입니다.

본문

1. 📄 담당 페이지 정리 📄

   • @Ethan
     • A0_Loading Page
       • [To] 🔗 A5_현재매점/전체메뉴/NoOrder
   • @Leo

     Leo님 몫이 너무 많기 때문에 업무 분배가 필요할 것 같습니다.

     • A5_현재매점/전체메뉴/NoOrder
       • 🔗 메뉴 아이템을 클릭 시 ➡️ A6_주문상세
     • A6_주문상세
       • 🔗 카트가 빈 상태에서 취소 시 ➡️ A5_현재매점/전체메뉴/NoOrder
       • 🔗 카트에 담을 시 ➡️ A7_현재매점/전체메뉴/YesOrder
     • A7_현재매점/전체메뉴/YesOrder
       • 🔗 카트 내역 확인 버튼 클릭 시 ➡️ A8_주문확인
   • @Hosung
     • A8_주문확인
       • 🔗 뒤로가기 시 ➡️ A7_현재매점/전체메뉴/YesOrder
       • 🔗 주문하기 버튼 클릭 시 ➡️ A9_결제화면
     • A9_결제화면
       • 🔗 뒤로가기 시 ➡️ A8_주문확인
       • 🔗 결제 진행하기 버튼 클릭 시 ➡️ A10_주문완료
   • @Wonjune
     • A10_주문완료
       • 🔗 확인했음 버튼 클릭 시 ➡️ A7_현재매점/전체메뉴/YesOrder
   • @Rachel.Lee

     아래 컴포넌트 모두 props로 렌더링하는 Presentational Component로 구현

     • Header
     • Footer

2. 📣 프로젝트 공통 부분 결정 사항 📣

   • 개별 페이지 별로 직접 접근 등의 비정상 접근 시의 처리

     • (예) Redux의 data가 올바르지 않은 경우 (ex: 카트가 비어있는데 결제 진행 등)
     • error 페이지로 Redirect

   • 백엔드 API 요청 시에 필요한 🔑 - OAuth 처리는 @Ethan이 맡음

     • 얼른 하겠습니다 ㅠㅜ

   • Error 페이지 생성

     • React-Router 내의 <Switch> 하위 요소 중 가장 마지막 요소이면 됨
     • /로 라우팅되는 <Route>는 exact props를 추가로 줘야 함 (<Route exact ... />)

3. Todo

   • 🚀 StoreProfile - @Leo 🚀

     • StoreProfile의 렌더링 문제를 해결해야 함
     • 기본 이미지를 적용해서 화면이 갑자기 바뀌는 현상을 해결

   • 🚀 A5/A7 페이지의 스크롤 문제 - 전체 스크롤로 적용 - @Leo 🚀

     • 현재 Menu 목록만 스크롤이 적용됨
     • 페이지 전체를 스크롤이 되도록 만들어야 함
     • 이 때, CategoryNavBar는 스크롤 시 그대로 없어지지 않고 고정되어야 함

   • 🚀 A6 페이지의 체크 박스 구현 - @Leo 🚀

     • 현재 Checkbox가 check 기능이 없음
     • Add to Cart 버튼 클릭 시 Cart Module의 기능을 사용해야 함

   • 🚀 A0 페이지의 로딩 기능 구현 - @Ethan 🚀

     • 로딩 페이지에서 OAuth 토큰을 받아오고, 메뉴 목록을 로딩하도록 구현

4. 🚦 협업 이슈

   • 디자인팀 QR 접근 방식의 변경: 기존의 QR 코드 스캔 페이지가 제거되고 외부의 QR 스캐너를 사용
   • 디자인팀 BackBtn 이슈: A5/A7 페이지에서 BackBtn의 모호함 때문에, 해당 페이지에서 BackBtn을 제거
   • 백엔드팀 전체 조회 API: Store 수준에서 전체 카테고리/메뉴를 조회 (해결됨)