프로젝트 배경
1) 문제점 - 음식점 선택과 메뉴·장바구니·주문 상태 확인의 연결 필요 - 사용자의 정보 탐색과 실행 단계를 연결하는 일관된 화면 구성 필요 2) 프로젝트 목표 - 음식점 및 메뉴 탐색부터 주문 내역 및 상태까지 연결되는 이용 흐름 구현 - 업무 목적에 맞춘 정보구조 및 단계별 화면 구성 3) 주안점 - 음식점 검색과 메뉴 상세, 장바구니 및 주문 목록을 연결하고 공유 상태를 활용한 모바
프로젝트 성과
주문 여정 UI 구현
음식점 탐색·메뉴 선택·장바구니·주문 확인을 연결한 모바일 화면 구성
선택 정보 상태 관리
화면 간 상품과 장바구니 정보를 공유하는 프론트엔드 상태 구조 구현
핵심 기능
진행 단계
요구사항 및 목표 정리
2026.01.
음식점 및 메뉴 탐색부터 주문 내역 및 상태까지 연결되는 이용 흐름 구현 / 업무 목적에 맞춘 정보구조 및 단계별 화면 구성
프로젝트 상세
음식점을 탐색하고 메뉴를 선택해 주문 내용을 확인하는 배달 앱 프론트엔드 템플릿을 제작했습니다. 사용자의 탐색과 선택, 확인 과정을 모바일 화면으로 연결한 프로젝트입니다. 음식점 검색과 소개, 메뉴 상세, 장바구니, 비용 요약을 주요 화면으로 구성했습니다. 주문 진행 상황과 지난 주문을 살펴보는 내역 화면도 함께 다뤘습니다. 각 화면의 주요 선택과 조작이 이어지는 인터랙션을 구현했습니다. 음식점 탐







