✔ 프로젝트 목표
프랜차이즈 카페에서 판매하는 메뉴의 카페인 함량을 한 눈에 비교할 수 있는 웹사이트 제작을 통해 소비자에게 유용한 정보를 밝히는 것을 목표로 설정하였습니다.
✔ 연구 동기
대부분의 대형 프랜차이즈 카페에서는 음료의 카페인 함량을 메뉴판에 표기하지 않으며, 고카페인이 메뉴에 대한 경고 문구가 없습니다. 실제 프랜차이즈 카페의 홈페이지에는 카페인 함량이 표기되어 있지만 이를 알고 있는 소비자들을 적고, 이를 알더라도 카페에 들려 해당 웹사이트에 들어가 음료를 검색하여 해당 정보를 확인하는 복잡한 과정을 거치는 경우는 드뭅니다. 이에 대형프랜차이즈 카페를 이용하는 소비자들이 보기 쉽게 여러 카페들의 카페인 함량(영양정보)를 제공하고자 이 프로젝트를 진행하게 되었습니다.
✔ 프로젝트 진행 계획
파이썬의 웹크롤링을 이용하여 6개의 프랜차이즈 카페 (탐앤탐스, 이디야, 스타벅스, 빽다방, 메가커피, 할리스) 의 영양정보를 크롤링 한다.
수집한 정보를 필요한 형태에 알맞게 가공한다.
HTML, Javascript, CSS를 이용하여 홈페이지를 제작한다.
Github를 이용하여 웹사이트를 게시한다.
HTML, Javascript, CSS 를 다루어 본 적 없기 때문에 Do it! 책을 통해 공부
하고, Webpython 수업을 통해 배운 내용을 응용하여 제작하였습니다.
✔ 웹사이트 시안
Header
→ logo
→ menu bar ( low-caffeine, high-caffeine, all cafe, all menu )
→ search
Body
-> contents
Footer
-> name
( 시안과 로고는 Procreate를 이용해 제작)
2021.04 ~ 2021.06