joonsungum / apps.namhae.life Goto Github PK
View Code? Open in Web Editor NEWHome Page: apps-namhae-life.vercel.app
Home Page: apps-namhae-life.vercel.app
각 메뉴마다 url 값이 할당되어 메신저를 통해 원하는 메뉴를 다른사람에게 전송할 수 있어야함
현재 상점 상세 페이지의 경우
/pages/store/[id].tsx
파일에 기술되어 있음
하위 주소를 추가하기 위해서는 파일 구조를 살짝 바꿔주어야 함
/pages/store/[id]
폴더를 만든 뒤, 현재 /pages/store/[id].tsx 파일의 내용 전부를 /pages/store/[id]/index.tsx 로 옮기면 현재의 동작과 똑같이 동작함
다음으로 메뉴 상세페이지를 만들기 위해서는
/pages/store/[id]/menu/
폴더를 만들고 그 안에 [id].tsx 파일을 만들면 메뉴 상세 페이지가 만들어짐
현재 단순하게 메뉴 이름, 가격으로만 표시되고 있는 메뉴 카드의 레이아웃을 개선한다.
현재 Stores 와 Menus 는 독립된 오브젝트로 존재하고 있음
이를 Stores 내에 menus 로 서로의 종속 관계를 표현하도록 개선 필요
현재 5개의 음식점 정보만 등록되어 있는데, 읍내에 있는 배달 가능한 음식점과 메뉴 리스트를 JSON 데이터에 추가 필요
api.namhae.life, db.namhae.life 두 주소에 API와 DB를 세팅하여 연결
최소로 구현된 목업 데이터에 필드 추가 필요
현재 OrderDrawer에 하드코딩으로 '주문한 음식 1' 등으로 표현되어 있는 공간은 사용자가 메뉴 세부 정보에서 '담기' 버튼을 눌렀을 때 주문한 내역을 확인 할 수 있도록 마련된 공간임. 이 영역에 표시될 카드의 레이아웃을 menus 객체의 정보를 이용하여 하드코딩으로 OrderCard 컴포넌트를 퍼블리싱 필요함.
현재 orders 쿼리를 이용하여 받아온 정보를 활용할 수 있도록 업데이트 됨
데스크탑 레이아웃에서 Drawer 가 펼쳐진 상태로 표현되고 있음
이를 버튼을 눌러서 펼치고 닫고 할 수 있도록 개선
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.