본문 바로가기

MY어플리케이션

[자작] 맛집추천 - 판교맛집

직장인들은 점심때 뭐먹을지가 상당한 고민거리다.

 

데모 :  https://matzip.super100.app/

 

맛집 추천하는 웹페이지나 앱이 있으면 좋겠다고 생각을 했지만, 이미 많은 앱들이 존재하는것을 알았기에,

간단하게 지역기반으로 만들어보자는 생각을 했다.

(컬리,당근도 지역에서 조그만하게 시작했다고 하던데..)

 

데이터베이스도 사용하지말고, 구글Sheet api를 활용했다.

맛집을 등록하기위해서는 어드민 페이지등이 필요한데,

그렇게까지 스펙을 늘리고 싶지는 않아서,

구글 Sheet에 저장하면, 프론트는 해당 내용을 바탕으로 화면에 맛집리스트를 출력해주게 구성을 하였다.

 

영상도 유투브 영상을 출력해주게 하여, 유투브에 올리고, 해당 링크를 구글 Sheet에 저장하면,

판교맛집 서비스에 반영하는 간단한 플로우를 채택하였다.

 

웹서버도 없이 하려고, 

vuejs을 minify 빌드하여 얻은 css, js파일을 티스토리에 업로드하여 스킨편집을 통해 티스토리에 서비스를 얹히는 방법을 사용하였다.

서버API없이 프론트 코드로만 동작하도록 만들었기때문에 가능했다! (아...잔머리..어쩔..)

 

그리고 티스토리에서는 도메인 주소연결을 지원하기에, 도메인을 하나사서 연결을 했다. (완벽하다!!)

(하지만, 현재는 그냥 개인 웹서버에 띄웠다 - 이유 : 배포가 너무 귀찮음..)

 

 

이 토이 프로젝트에서 얻는것중 가장 큰 수확은 아이콘같다.

오뚜기 아이콘을 각색했지만, 점심메뉴라는 주제와 잘 부합하는것 같아, 뿌듯하다. (저작권 있으려나...ㅎㄷㄷ)

좀더 아이콘은 손봐야할것같다. 오뚜기 아이콘을 너무 차용했기에 저작권문제가 있을것같다.

 

저 입맛 다시는 사람을 '중년 IT개발자로 표현하는걸 생각중이다'

(체크무니 남방, 안경도 표현되면 완벽하다!)

 

구글 Sheet을 활용하면,

굳이 데이터베이스를 통해 데이터를 저장하지않아도 데이터를 Sheet를 통해 저장하고 조회할수있다.

간단한 설정이나, 메타 데이터등 저장에는 활용을 하는것도 좋은것같다.