McD for Everyone

10시간동안 할 일하기인 dodo에서 예전부터 만들고 싶었던 맥도날드 키오스크 주문 튜토리얼을 만들었다.

https://github.com/developersoom/McD_tutorial

기획의도는..

• 박막례 할머니가 맥도날드 키오스크 주문하는 것을 어려워하고 자존감에까지 영향을 미치는 영상을 보고 이 프로젝트를 기획하게 됐음
• 사실 키오스크 나도 헷갈림. 근데 우리는 천천히 하면 될 거라는 생각이 있는데, 어르신들은 당황하고 부끄러우니까 못하게 된다고 생각함
• 그래서 미리 연습해볼 수 있는 tutorial 컨셉으로 기획해보았음
• 현장 키오스크 화면과 동일한 UX/UI

정확한 화면이 기억이 안나서 유튜브에서 실제 구매하는 영상을 보고 캡쳐했다.

중간에 포기하지 않도록 README에 세부 계획을 세우고…

기본기능 구현하기

• Menu.Vue, Result.Vue 만들기
• index.html 수정 ++ favicon 추가😉
• Menu에서 선택한 아이템 Result에서 보여지도록 만들기
• Menu에 아이템 뿌리기
  • 일단 기본 메뉴만 데이터 파일 만들어서 보여주기 (그냥 data return 으로 일단..)
• Result에서 삭제 가능하도록
• 이미 카트에 추가된 메뉴면 수량 올라가도록 (nextTick으로 해야하지 않을까?)
• 기본 CSS (mobile-friendly)

추가 기능 구현하기

• Category.vue 만들기
• 맥도날드 사이트에서 메뉴 크롤링으로 긁어서 데이터 저장하기 (모바일에선 안됨.. axios가 안되나?)
• Category에 맞게 Menu 뿌려지도록 구현하기
  • vue-router?

UI/UX

• 첫화면, 배달 방법, 결제 컴포넌트 만들기
• 애니메이션 추가
• scroll 꾸미기

배포

• 뱁호

과정

오랜만에 밤새니까 넘 힘들댜 
곧 완성해봐야지~