project1 직메추

🙆🏻‍♀️ 프로젝트 팀원

이지영 (@kittty0520)	장혜원 (@sunonepage)	김유진 (@jin-grace)	전지혜 (@0823jh)
팀장	팀원	팀원	팀원
개발 총괄책임	개발, 세부기획	개발, 디자인기획	메인 디자이너

---

1. 프로젝트 소개

✔ 프로젝트 주제

직장인을 위한 메뉴 추천

✔ 기획 의도

한국인들은 '금강산도 식후경', '밥값 해야한다','다 먹고 살자고 하는 짓'등의 말을 쓰고,
심지어 안부인사 조차도 '밥 먹었니?'라고 물어볼 정도로 밥에 진심인 민족이다.
그러나 우리는 늘 점심시간만 되면 메뉴에 대한 고민에 빠진다.
'오늘은 점심은 뭘 먹지?'라는 물음에서 이 프로젝트는 출발했다.

---

2. 프로젝트 구성

✔ 스택(Stacks)

: 프로젝트를 바닐라 자바스크립트로 완성

Environment&Development

Config&Communication

✔ 핵심기능

⭐ 랜덤추천 바로가기(빠른 추천)

• 데이터를 random()로 즉시 반환

⭐ 데이터 필터링을 통한 맞춤추천

• 사용자가 선택한 값을 filter()로 걸러 배열로 누적
• json파일의 데이터를 promise()를 통해 결과로 출력

⭐ 재추천 및 테스트 돌아가기

• random()를 통해 출력된 값을 혼합하고, sort()로 리스트 정렬
• shift()로 결과값의 중복 출력을 방지하여 재추천
• 재출력할 값이 더이상 없을 경우 테스트 시작점으로 복귀

⭐ 카카오톡 공유하기 및 클립보드 복사

• JavaScript SDK의 Kakao.Share 모듈을 이용하여 카카오톡 공유(api 사용)
• execCommand()를 사용하여 텍스트를 클립보드에 복사

✔ 디렉토리 구조

 ├─.vscode
 ├─assets
 │  ├─css
 │  ├─data
 │  ├─img
 │  │  ├─cartoon
 │  │  └─food_img
 │  ├─js
 │  └─scss
 ├─new_test_file
 │  ├─test_html
 │  └─test_js
 ├─QR code
 └─test

---

3. 프로젝트 결과

✔ 화면구성

랜덤 추천	맞춤추천

재추천	테스트 돌아가기

카카오톡API	클립보드 복사

✔ 코드설명

⭐ 노션 링크(상세설명)

• https://north-nebula-d88.notion.site/c0ba553b89e4457f8c6a3dbb89386230

---

4. 외부 리소스

도메인 http://mechu.dothome.co.kr/