DengDori의 협업일기

우리으 협업룰

0. 개발 진행 과정

   • 모든 개발은 기능별로 feature branch를 생성하고 그 안에서 개발한다.

   • 개발을 마친 후 feature branch내에서 테스트를 완료하고, develop branch로 PR을 보낸다.

   • develop branch에서 각자의 코드를 결합해서 충돌을 처리하고, 테스트를 통과하면 main에 PR을 보내 merge한다.

   • 그 후, main branch를 upstream 저장소에 PR한다.

1. 매일 아침 시작할 때 진행상황에 따라 역할 분담과 진도?? 목표?? 재설정하기

2. 매일 10시에 서로간의 코드리뷰를 진행하면서 의견 조율 및 협업일기?? 쓰기

3. record 폴더의 자기.md에 하고픈 말, 기록 등 작성

4. 혹시 개발 의견 충돌이 일어난다면? 일단 서로 설득해보고 안 되면 다른 3그룹 팀원들에게 의견 구해보기. 다수결로 따른다.

ESLint, Prettier 설정

기본 옵션으로 공유

기능 정의

기본 요구사항

• express 서버 구성. 펭돌
• webpack, babel 펭돌
• 배포 환경 heroku - 펭돌
• View, Model - DD

어떻게 동작할까?

로딩이 된다면, 기본 state를 초기화하고 그 state를 기반으로 화면을 보여준다.

• 지갑에 돈을 얼마나 넣을것인가

• 랜덤으로 부여 or 가중치 랜덤

• 최대값이나 최소값을 부여할 것인가

• 돈 반환의 경우, 100원짜리 10개 넣고 반환하면 1000원주나? 아니면 들어온 화폐에 맞게 다시 반환해주나?

• 상품의 경우에도 랜덤으로 갯수를 정한다. 최소 최대 갯수.

• 가격은 우리가 설정한다.

• 5초동안 입력 안 하면 반환하는 논리는 디바운스를 참고

미션 기능

• UI - 미션 그대로

• HTML, CSS만으로 일단 마크업하고 디액트에 짤라넣기

• 상품화면

• [] 구매 가능한 음료 표시하기

• [] 구매 불가능한 음료 표시하기

• [] 클릭한 음료의 종류, 가격 얻어내기??

• 진행화면

• [] 입력된 금액 더해서 표시하기

• [] 반환시 지갑으로 다시 돈 보내주기 (입력된 화폐와 동일하게??)

• [] 투입, 음료 선택, 반환 상황 안내하기

• 지갑화면

• [] 랜덤하게 돈 생성하기?

• [] 돈 합계 표시하기

• [] 클릭하면 갯수 -하면서 진행화면에 전달?하기

• 자판기 내부 행동

• [] 5초간 돈 입력, 음료 선택이 없으면 투입된 금액 반환하기

• 음료수 재고 관리하기. 소진 시 상품화면에 표시?

역할 분담

월요일

펭

• webpack, babel, express 등 기본 초기설정 담당

ㄷ

• Deact 개발 (View, Model)