숙명여자대학교 식당검색기 gonggang.party 개발기

34
숙명여자대학교 식당검색기 gonggang.party 제작기 bunseokbot@UpRoot

Transcript of 숙명여자대학교 식당검색기 gonggang.party 개발기

Page 1: 숙명여자대학교 식당검색기 gonggang.party 개발기

숙명여자대학교 식당검색기 gonggang.party 제작기

bunseokbot@UpRoot

Page 2: 숙명여자대학교 식당검색기 gonggang.party 개발기

안녕하세요 공강파티 개발자입니다.

• 개발자는 숙대생 아님

• 코피티암 숙대점 잉여킹, 아마스빈 버블티 좋아서 쿠폰 다모음

• 주식회사 업루트 다님

• 만든이유 : 일단 만들고 나서 찾으려고 했으나 아직도 못찾음

• 개발기간 : 웹사이트 2시간, 크롤러 1일...?

[email protected] .. ㅎㅅㅎ

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

Page 3: 숙명여자대학교 식당검색기 gonggang.party 개발기

회사에서 직원용 서버를 줬다.

출처 : (주) 스쿱미디어 스타트업킷 하라는 코딩은 안하고 머그

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

Page 4: 숙명여자대학교 식당검색기 gonggang.party 개발기

뭘하지

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

일하라고

일하라고

일하라고일하라고일하라고일하라고

Page 5: 숙명여자대학교 식당검색기 gonggang.party 개발기

이 생각을

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

코피티암 숙대점에서..넌 왜 거기 가있는거냐

Page 6: 숙명여자대학교 식당검색기 gonggang.party 개발기

배고파

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

배고픈 노예는 법카결제를 시전합니다.

Page 7: 숙명여자대학교 식당검색기 gonggang.party 개발기

근데 난 눈송이가 아닌데 엉엉

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

출처 : 숙명여자대학교 홍보대사 앰배서더 - 숙명여대 홍보영상 (눈송이의 하루)

Page 8: 숙명여자대학교 식당검색기 gonggang.party 개발기

근처 밥집이 궁금하다

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

밥먹는건 안귀찮냐

Page 9: 숙명여자대학교 식당검색기 gonggang.party 개발기

숙대 근처 식당을 검색하면 좋겠다

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

Page 10: 숙명여자대학교 식당검색기 gonggang.party 개발기

숙대 근처 식당을 찾는 법

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 검색

• 추천

• 블로그

• 카페

• 커뮤니티

• 입소문

Page 11: 숙명여자대학교 식당검색기 gonggang.party 개발기

근데..?

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 검색

• 추천

• 블로그

• 카페

• 커뮤니티

• 입소문

Page 12: 숙명여자대학교 식당검색기 gonggang.party 개발기

거 어떻게 합니까

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

뭐래는겨 이놈은

Page 13: 숙명여자대학교 식당검색기 gonggang.party 개발기

생각난 한 가지

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

위 사진은 본 내용과 무관함

• 대한민국에서 음식점을 할려면“사업자등록”을 반드시 해야한다.

• 사업자등록정보는 공시사이트에서 조회 가능

• 요즘은 정부 3.0때문에 Open API도 지원

• 사업자등록정보중에 음식점도 있겠지?

쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마

Page 14: 숙명여자대학교 식당검색기 gonggang.party 개발기

찾았다!

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

서울 열린데이터 광장 - data.seoul.go.kr

오오 JSON!!

Page 15: 숙명여자대학교 식당검색기 gonggang.party 개발기

어..음?

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

아니 이럴꺼면 그냥 하지마...

여러분은 지금 JSON 으로 받았는데 HTML 태그가 있는 모습을 보고 계십니다.

Page 16: 숙명여자대학교 식당검색기 gonggang.party 개발기

다 제거해줌

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

거 망할..

Page 17: 숙명여자대학교 식당검색기 gonggang.party 개발기

용산구 내 모든 식당 리스트 파싱 성공

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 총 19000개 정도 됨..

• 왜한거지

• 일단 축하드립니다셀프축하

Page 18: 숙명여자대학교 식당검색기 gonggang.party 개발기

좌표값 불러오기

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 다음 coord2addr API를 사용함

• 예) 서울특별시 용산구 청파로47길~~~ -> 35.***, 126.*** 로 변환

• 변환작업 후 좌표값 저장

Page 19: 숙명여자대학교 식당검색기 gonggang.party 개발기

숙대와의 거리 측정

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• Python math library 에서의 hypot method 사용함

• 숙명여대 기준건물은 순헌관을 기준으로 함순헌관 : 37.5464259, 126.9625327

• 계산 : math.hypot(x1 - 37.5464259, y1 - 126.9625327) * 100 x1 - 식당 위도정보, y1 - 식당 경도정보

Page 20: 숙명여자대학교 식당검색기 gonggang.party 개발기

필터링

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 0.75km(750m) 로 기준 산정

• 숙명여대 학생회관과 4호선 숙명여대역이 약 620m 정도 됨

• 도보로 10분 내에 접근할 수 있는 모든 구역에 대해서 상정 필요

• 그러나 일부 남영역이나 효창공원역 이용 학생들을 위해 750m 설정

Page 21: 숙명여자대학교 식당검색기 gonggang.party 개발기

1차 필터링 결과

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 388개의 식당등록데이터가 남음

• 식당명, 식당종류, 주소, 전화번호, 거리, 좌표값, 모범음식점여부 저장

• “이제 사람들이 검색할 키워드에 대해서 검색이 필요함”

Page 22: 숙명여자대학교 식당검색기 gonggang.party 개발기

Condition

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 1. 광고성 글은 최대한 배제

• 2. 여러 사람들이 공통적으로 공감할 검색어에 대해 필터링

• 3. 키워드 기반의 SNS 플랫폼을 이용

• 4. 메뉴 중심의 키워드 이용보단 식당의 특장점을 살려야함

Page 23: 숙명여자대학교 식당검색기 gonggang.party 개발기

For Example

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

전날 과음을 했다

점심식사로 해장할 것이 필요하다

Keyword : 해장

점심은 먹었지만 공강시간에 출출하다

근데 집가긴 싫다 뭔가 먹고싶다

근데 편의점에서 처리하긴 좀 그렇다

Keyword : 간식

동아리 단체 회식자리를 찾고 싶다

Keyword : 회식오랜만에 친구가 술한잔 하자고 한다

근데 뭘 안주로 할지 모르겠다

Keyword : 안주

Page 24: 숙명여자대학교 식당검색기 gonggang.party 개발기

HashTag “#”

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 자신의 이야기를 사진과 “#” 로 올리는 SNS 플랫폼

• 이번 분석을 위해서 인스타그램 API를 이용하여 데이터 수집 및 분석

• 사용자가 해당 식당이나 식당에서 파는 메뉴에 대해 정보 수집 및 분석

• 이 과정에서 개인정보는 저장 X

• 오픈된 정보만 사용

Page 25: 숙명여자대학교 식당검색기 gonggang.party 개발기

Method of Analysis Technique

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

사용자 입력 값 : “간식” 이거나 “밀크티” 인 경우

코피티암 숙대점

밀크티

토스트

카페

음료

간식

Page 26: 숙명여자대학교 식당검색기 gonggang.party 개발기

거짓된 정보 검증

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

만약 “코피티암 숙대점”에 “짬뽕”이라는 키워드가 수집되었을 경우

코피티암 숙대점

밀크티

토스트

카페

음료

간식

짬뽕

Page 27: 숙명여자대학교 식당검색기 gonggang.party 개발기

거짓된 정보 검증

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

코피티암 숙대점

밀크티

토스트

카페

음료

간식

짬뽕

짬뽕이라는 데이터를 검색하였을때 “밀크티”, “토스트”라는 데이터가 검색되지 않으면 삭제

Page 28: 숙명여자대학교 식당검색기 gonggang.party 개발기

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

끗은 무슨

Page 29: 숙명여자대학교 식당검색기 gonggang.party 개발기

User-Friendly

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 사용자의 대부분은 숙명여대 혹은 숙명여대 근처 방문 & 거주자

• 순헌관에서의 거리를 기준으로 데이터 호출 시 ORDERING함

• 광고는 보기 싫고 개발자도 넣기 귀찮아서 안넣음

Page 30: 숙명여자대학교 식당검색기 gonggang.party 개발기

Mobile-Friendly

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 이동하면서 노트북하는 사람은 “bunseokbot”만 그러므로 대부분 PC 환경보단 Mobile 환경에서 이용할 것을 고려

• 화면의 이동을 최소화 하기 위하여 modal 창을 사용하여 결과 출력

• 데이터 처리가 많이 필요하지만 제대로 보이지 않는 지도는 삭제

• 그러나 위치 정보를 검색하기 힘드므로 지도 앱으로 “Redirect”함

Page 31: 숙명여자대학교 식당검색기 gonggang.party 개발기

선택장애

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 이용자의 대부분은 키워드를 입력해야 되는데 뭘 입력할지 모름

• 그런 사람들을 위해 착한 개발자는 랜덤함수를 통해 결정장애 해결

개발자 짱착함

Page 32: 숙명여자대학교 식당검색기 gonggang.party 개발기

URL

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 사실 .party 도메인 싸서 삼 (요즘 할인합니다)

• 거기다가 개발자가 시간표에 공강 만들려다가 도메인 사서 이렇게 됨...

• gonggang.party 완성

• 이제 이 도메인은 제겁니다 ㅎㅅㅎ

Page 33: 숙명여자대학교 식당검색기 gonggang.party 개발기

정리

숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot

• 데이터 모아서 정리하고

• 웹은 사람들이 모바일 + PC 모두에 맞춰서 제작

• 선택장애나 최대한 예측할 수 있는 Exception에 대해서 handle

• 사람들이 잘 기억할 수 있는 IMPACT 있는 도메인 사용

• 끗

Page 34: 숙명여자대학교 식당검색기 gonggang.party 개발기

bunseokbot@UpRoot