SlideShare a Scribd company logo
1 of 34
Download to read offline
숙명여자대학교 식당검색기
gonggang.party 제작기
bunseokbot@UpRoot
안녕하세요 공강파티 개발자입니다.
• 개발자는 숙대생 아님
• 코피티암 숙대점 잉여킹, 아마스빈 버블티 좋아서 쿠폰 다모음
• 주식회사 업루트 다님
• 만든이유 : 일단 만들고 나서 찾으려고 했으나 아직도 못찾음
• 개발기간 : 웹사이트 2시간, 크롤러 1일...?
• admin@smishing.kr .. ㅎㅅㅎ
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
회사에서 직원용 서버를 줬다.
출처 : (주) 스쿱미디어 스타트업킷 하라는 코딩은 안하고 머그
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
뭘하지
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
일하라고
일하라고
일하라고
일하라고일하라고일하라고
이 생각을
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
코피티암 숙대점에서..
넌 왜 거기 가있는거냐
배고파
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
배고픈 노예는 법카결제를 시전합니다.
근데 난 눈송이가 아닌데 엉엉
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
출처 : 숙명여자대학교 홍보대사 앰배서더 - 숙명여대 홍보영상 (눈송이의 하루)
근처 밥집이 궁금하다
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
밥먹는건 안귀찮냐
숙대 근처 식당을 검색하면 좋겠다
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
숙대 근처 식당을 찾는 법
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 검색
• 추천
• 블로그
• 카페
• 커뮤니티
• 입소문
근데..?
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 검색
• 추천
• 블로그
• 카페
• 커뮤니티
• 입소문
거 어떻게 합니까
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
뭐래는겨 이놈은
생각난 한 가지
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
위 사진은 본 내용과 무관함
• 대한민국에서 음식점을 할려면

“사업자등록”을 반드시 해야한다.
• 사업자등록정보는 공시사이트에서 조회 가능
• 요즘은 정부 3.0때문에 Open API도 지원
• 사업자등록정보중에 음식점도 있겠지?
쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마
찾았다!
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
서울 열린데이터 광장 - data.seoul.go.kr
오오 JSON!!
어..음?
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
아니 이럴꺼면 그냥 하지마...
여러분은 지금 JSON 으로 받았는데 HTML 태그가 있는 모습을 보고 계십니다.
다 제거해줌
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
거 망할..
용산구 내 모든 식당 리스트 파싱 성공
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 총 19000개 정도 됨..
• 왜한거지
• 일단 축하드립니다
셀프축하
좌표값 불러오기
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 다음 coord2addr API를 사용함
• 예) 서울특별시 용산구 청파로47길~~~ -> 35.***, 126.*** 로 변환
• 변환작업 후 좌표값 저장
숙대와의 거리 측정
숙명여자대학교 식당검색기 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 - 식당 경도정보
필터링
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 0.75km(750m) 로 기준 산정
• 숙명여대 학생회관과 4호선 숙명여대역이 약 620m 정도 됨
• 도보로 10분 내에 접근할 수 있는 모든 구역에 대해서 상정 필요
• 그러나 일부 남영역이나 효창공원역 이용 학생들을 위해 750m 설정
1차 필터링 결과
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 388개의 식당등록데이터가 남음
• 식당명, 식당종류, 주소, 전화번호, 거리, 좌표값, 모범음식점여부 저장
• “이제 사람들이 검색할 키워드에 대해서 검색이 필요함”
Condition
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 1. 광고성 글은 최대한 배제
• 2. 여러 사람들이 공통적으로 공감할 검색어에 대해 필터링
• 3. 키워드 기반의 SNS 플랫폼을 이용
• 4. 메뉴 중심의 키워드 이용보단 식당의 특장점을 살려야함
For Example
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
전날 과음을 했다
점심식사로 해장할 것이 필요하다
Keyword : 해장
점심은 먹었지만 공강시간에 출출하다
근데 집가긴 싫다 뭔가 먹고싶다
근데 편의점에서 처리하긴 좀 그렇다
Keyword : 간식
동아리 단체 회식자리를 찾고 싶다
Keyword : 회식
오랜만에 친구가 술한잔 하자고 한다
근데 뭘 안주로 할지 모르겠다
Keyword : 안주
HashTag “#”
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 자신의 이야기를 사진과 “#” 로 올리는
SNS 플랫폼
• 이번 분석을 위해서 인스타그램 API를
이용하여 데이터 수집 및 분석
• 사용자가 해당 식당이나 식당에서 파
는 메뉴에 대해 정보 수집 및 분석
• 이 과정에서 개인정보는 저장 X
• 오픈된 정보만 사용
Method of Analysis Technique
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
사용자 입력 값 : “간식” 이거나 “밀크티” 인 경우
코피티암 숙대점
밀크티
토스트
카페
음료
간식
거짓된 정보 검증
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
만약 “코피티암 숙대점”에 “짬뽕”이라는 키워드가 수집되었을 경우
코피티암 숙대점
밀크티
토스트
카페
음료
간식
짬뽕
거짓된 정보 검증
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
코피티암 숙대점
밀크티
토스트
카페
음료
간식
짬뽕
짬뽕이라는 데이터를 검색하였을때 “밀크티”, “토스트”라는 데이터가 검색되지 않으면 삭제
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
끗
은 무슨
User-Friendly
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 사용자의 대부분은 숙명여대 혹은 숙명여대 근처 방문 & 거주자
• 순헌관에서의 거리를 기준으로 데이터 호출 시 ORDERING함
• 광고는 보기 싫고 개발자도 넣기 귀찮아서 안넣음
Mobile-Friendly
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 이동하면서 노트북하는 사람은 “bunseokbot”만 그러므로 대부분 

PC 환경보단 Mobile 환경에서 이용할 것을 고려
• 화면의 이동을 최소화 하기 위하여 modal 창을 사용하여 결과 출력
• 데이터 처리가 많이 필요하지만 제대로 보이지 않는 지도는 삭제
• 그러나 위치 정보를 검색하기 힘드므로 지도 앱으로 “Redirect”함
선택장애
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 이용자의 대부분은 키워드를 입력해야 되는데 뭘 입력할지 모름
• 그런 사람들을 위해 착한 개발자는 랜덤함수를 통해 결정장애 해결
개발자 짱착함
URL
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 사실 .party 도메인 싸서 삼 (요즘 할인합니다)
• 거기다가 개발자가 시간표에 공강 만들려다가 도메인 사서 이렇게 됨...
• gonggang.party 완성
• 이제 이 도메인은 제겁니다 ㅎㅅㅎ
정리
숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
• 데이터 모아서 정리하고
• 웹은 사람들이 모바일 + PC 모두에 맞춰서 제작
• 선택장애나 최대한 예측할 수 있는 Exception에 대해서 handle
• 사람들이 잘 기억할 수 있는 IMPACT 있는 도메인 사용
• 끗
끗
bunseokbot@UpRoot

More Related Content

Viewers also liked

Problema numero 2 de hidráulica
Problema numero 2 de hidráulica Problema numero 2 de hidráulica
Problema numero 2 de hidráulica Jonathan Rodriguez
 
練馬 講演 ネット活用で開拓する中小企業の新市場
練馬 講演 ネット活用で開拓する中小企業の新市場練馬 講演 ネット活用で開拓する中小企業の新市場
練馬 講演 ネット活用で開拓する中小企業の新市場竹内 幸次
 
Тернопільщина
ТернопільщинаТернопільщина
ТернопільщинаOlga Lesenko
 
Nsg Pay 4 Performance:Ethical Challenges and Opportunities
Nsg Pay 4 Performance:Ethical Challenges and OpportunitiesNsg Pay 4 Performance:Ethical Challenges and Opportunities
Nsg Pay 4 Performance:Ethical Challenges and OpportunitiesiCareQuality.us
 
Made in italy tavola rotonda 16.10.2015
Made in italy tavola rotonda 16.10.2015Made in italy tavola rotonda 16.10.2015
Made in italy tavola rotonda 16.10.2015asddadmin
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetaciónDavid Espinosa
 
Study and Analysis of Automobile Tyres
Study and Analysis of Automobile TyresStudy and Analysis of Automobile Tyres
Study and Analysis of Automobile TyresRifat Abdul Rahiman
 
Softcon_하재권_Only javascript의 하이브리드 앱서버 도전기
Softcon_하재권_Only javascript의 하이브리드 앱서버 도전기Softcon_하재권_Only javascript의 하이브리드 앱서버 도전기
Softcon_하재권_Only javascript의 하이브리드 앱서버 도전기hajaekwon
 

Viewers also liked (8)

Problema numero 2 de hidráulica
Problema numero 2 de hidráulica Problema numero 2 de hidráulica
Problema numero 2 de hidráulica
 
練馬 講演 ネット活用で開拓する中小企業の新市場
練馬 講演 ネット活用で開拓する中小企業の新市場練馬 講演 ネット活用で開拓する中小企業の新市場
練馬 講演 ネット活用で開拓する中小企業の新市場
 
Тернопільщина
ТернопільщинаТернопільщина
Тернопільщина
 
Nsg Pay 4 Performance:Ethical Challenges and Opportunities
Nsg Pay 4 Performance:Ethical Challenges and OpportunitiesNsg Pay 4 Performance:Ethical Challenges and Opportunities
Nsg Pay 4 Performance:Ethical Challenges and Opportunities
 
Made in italy tavola rotonda 16.10.2015
Made in italy tavola rotonda 16.10.2015Made in italy tavola rotonda 16.10.2015
Made in italy tavola rotonda 16.10.2015
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
 
Study and Analysis of Automobile Tyres
Study and Analysis of Automobile TyresStudy and Analysis of Automobile Tyres
Study and Analysis of Automobile Tyres
 
Softcon_하재권_Only javascript의 하이브리드 앱서버 도전기
Softcon_하재권_Only javascript의 하이브리드 앱서버 도전기Softcon_하재권_Only javascript의 하이브리드 앱서버 도전기
Softcon_하재권_Only javascript의 하이브리드 앱서버 도전기
 

More from 남준 김

보안 스타트업 분석가가 Django로 웹 서비스 개발하기
보안 스타트업 분석가가 Django로 웹 서비스 개발하기보안 스타트업 분석가가 Django로 웹 서비스 개발하기
보안 스타트업 분석가가 Django로 웹 서비스 개발하기남준 김
 
Pokemon Go Android Malware Analysis
Pokemon Go Android Malware AnalysisPokemon Go Android Malware Analysis
Pokemon Go Android Malware Analysis남준 김
 
BoB Information Security Conference
BoB Information Security Conference BoB Information Security Conference
BoB Information Security Conference 남준 김
 
Inc0gnito 2015 Android DEX Analysis Technique
Inc0gnito 2015 Android DEX Analysis TechniqueInc0gnito 2015 Android DEX Analysis Technique
Inc0gnito 2015 Android DEX Analysis Technique남준 김
 
RDP Packet Analysis 삽질기 - Basic Level 1
RDP Packet Analysis 삽질기 - Basic Level 1RDP Packet Analysis 삽질기 - Basic Level 1
RDP Packet Analysis 삽질기 - Basic Level 1남준 김
 
나는 캡챠 스미싱이 싫어요!
나는 캡챠 스미싱이 싫어요!나는 캡챠 스미싱이 싫어요!
나는 캡챠 스미싱이 싫어요!남준 김
 

More from 남준 김 (6)

보안 스타트업 분석가가 Django로 웹 서비스 개발하기
보안 스타트업 분석가가 Django로 웹 서비스 개발하기보안 스타트업 분석가가 Django로 웹 서비스 개발하기
보안 스타트업 분석가가 Django로 웹 서비스 개발하기
 
Pokemon Go Android Malware Analysis
Pokemon Go Android Malware AnalysisPokemon Go Android Malware Analysis
Pokemon Go Android Malware Analysis
 
BoB Information Security Conference
BoB Information Security Conference BoB Information Security Conference
BoB Information Security Conference
 
Inc0gnito 2015 Android DEX Analysis Technique
Inc0gnito 2015 Android DEX Analysis TechniqueInc0gnito 2015 Android DEX Analysis Technique
Inc0gnito 2015 Android DEX Analysis Technique
 
RDP Packet Analysis 삽질기 - Basic Level 1
RDP Packet Analysis 삽질기 - Basic Level 1RDP Packet Analysis 삽질기 - Basic Level 1
RDP Packet Analysis 삽질기 - Basic Level 1
 
나는 캡챠 스미싱이 싫어요!
나는 캡챠 스미싱이 싫어요!나는 캡챠 스미싱이 싫어요!
나는 캡챠 스미싱이 싫어요!
 

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

  • 2. 안녕하세요 공강파티 개발자입니다. • 개발자는 숙대생 아님 • 코피티암 숙대점 잉여킹, 아마스빈 버블티 좋아서 쿠폰 다모음 • 주식회사 업루트 다님 • 만든이유 : 일단 만들고 나서 찾으려고 했으나 아직도 못찾음 • 개발기간 : 웹사이트 2시간, 크롤러 1일...? • admin@smishing.kr .. ㅎㅅㅎ 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
  • 3. 회사에서 직원용 서버를 줬다. 출처 : (주) 스쿱미디어 스타트업킷 하라는 코딩은 안하고 머그 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
  • 4. 뭘하지 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 일하라고 일하라고 일하라고 일하라고일하라고일하라고
  • 5. 이 생각을 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 코피티암 숙대점에서.. 넌 왜 거기 가있는거냐
  • 6. 배고파 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 배고픈 노예는 법카결제를 시전합니다.
  • 7. 근데 난 눈송이가 아닌데 엉엉 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 출처 : 숙명여자대학교 홍보대사 앰배서더 - 숙명여대 홍보영상 (눈송이의 하루)
  • 8. 근처 밥집이 궁금하다 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 밥먹는건 안귀찮냐
  • 9. 숙대 근처 식당을 검색하면 좋겠다 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot
  • 10. 숙대 근처 식당을 찾는 법 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 검색 • 추천 • 블로그 • 카페 • 커뮤니티 • 입소문
  • 11. 근데..? 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 검색 • 추천 • 블로그 • 카페 • 커뮤니티 • 입소문
  • 12. 거 어떻게 합니까 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 뭐래는겨 이놈은
  • 13. 생각난 한 가지 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 위 사진은 본 내용과 무관함 • 대한민국에서 음식점을 할려면
 “사업자등록”을 반드시 해야한다. • 사업자등록정보는 공시사이트에서 조회 가능 • 요즘은 정부 3.0때문에 Open API도 지원 • 사업자등록정보중에 음식점도 있겠지? 쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마쓰지마
  • 14. 찾았다! 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 서울 열린데이터 광장 - data.seoul.go.kr 오오 JSON!!
  • 15. 어..음? 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 아니 이럴꺼면 그냥 하지마... 여러분은 지금 JSON 으로 받았는데 HTML 태그가 있는 모습을 보고 계십니다.
  • 16. 다 제거해줌 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 거 망할..
  • 17. 용산구 내 모든 식당 리스트 파싱 성공 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 총 19000개 정도 됨.. • 왜한거지 • 일단 축하드립니다 셀프축하
  • 18. 좌표값 불러오기 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 다음 coord2addr API를 사용함 • 예) 서울특별시 용산구 청파로47길~~~ -> 35.***, 126.*** 로 변환 • 변환작업 후 좌표값 저장
  • 19. 숙대와의 거리 측정 숙명여자대학교 식당검색기 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 - 식당 경도정보
  • 20. 필터링 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 0.75km(750m) 로 기준 산정 • 숙명여대 학생회관과 4호선 숙명여대역이 약 620m 정도 됨 • 도보로 10분 내에 접근할 수 있는 모든 구역에 대해서 상정 필요 • 그러나 일부 남영역이나 효창공원역 이용 학생들을 위해 750m 설정
  • 21. 1차 필터링 결과 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 388개의 식당등록데이터가 남음 • 식당명, 식당종류, 주소, 전화번호, 거리, 좌표값, 모범음식점여부 저장 • “이제 사람들이 검색할 키워드에 대해서 검색이 필요함”
  • 22. Condition 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 1. 광고성 글은 최대한 배제 • 2. 여러 사람들이 공통적으로 공감할 검색어에 대해 필터링 • 3. 키워드 기반의 SNS 플랫폼을 이용 • 4. 메뉴 중심의 키워드 이용보단 식당의 특장점을 살려야함
  • 23. For Example 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 전날 과음을 했다 점심식사로 해장할 것이 필요하다 Keyword : 해장 점심은 먹었지만 공강시간에 출출하다 근데 집가긴 싫다 뭔가 먹고싶다 근데 편의점에서 처리하긴 좀 그렇다 Keyword : 간식 동아리 단체 회식자리를 찾고 싶다 Keyword : 회식 오랜만에 친구가 술한잔 하자고 한다 근데 뭘 안주로 할지 모르겠다 Keyword : 안주
  • 24. HashTag “#” 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 자신의 이야기를 사진과 “#” 로 올리는 SNS 플랫폼 • 이번 분석을 위해서 인스타그램 API를 이용하여 데이터 수집 및 분석 • 사용자가 해당 식당이나 식당에서 파 는 메뉴에 대해 정보 수집 및 분석 • 이 과정에서 개인정보는 저장 X • 오픈된 정보만 사용
  • 25. Method of Analysis Technique 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 사용자 입력 값 : “간식” 이거나 “밀크티” 인 경우 코피티암 숙대점 밀크티 토스트 카페 음료 간식
  • 26. 거짓된 정보 검증 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 만약 “코피티암 숙대점”에 “짬뽕”이라는 키워드가 수집되었을 경우 코피티암 숙대점 밀크티 토스트 카페 음료 간식 짬뽕
  • 27. 거짓된 정보 검증 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 코피티암 숙대점 밀크티 토스트 카페 음료 간식 짬뽕 짬뽕이라는 데이터를 검색하였을때 “밀크티”, “토스트”라는 데이터가 검색되지 않으면 삭제
  • 28. 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot 끗 은 무슨
  • 29. User-Friendly 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 사용자의 대부분은 숙명여대 혹은 숙명여대 근처 방문 & 거주자 • 순헌관에서의 거리를 기준으로 데이터 호출 시 ORDERING함 • 광고는 보기 싫고 개발자도 넣기 귀찮아서 안넣음
  • 30. Mobile-Friendly 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 이동하면서 노트북하는 사람은 “bunseokbot”만 그러므로 대부분 
 PC 환경보단 Mobile 환경에서 이용할 것을 고려 • 화면의 이동을 최소화 하기 위하여 modal 창을 사용하여 결과 출력 • 데이터 처리가 많이 필요하지만 제대로 보이지 않는 지도는 삭제 • 그러나 위치 정보를 검색하기 힘드므로 지도 앱으로 “Redirect”함
  • 31. 선택장애 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 이용자의 대부분은 키워드를 입력해야 되는데 뭘 입력할지 모름 • 그런 사람들을 위해 착한 개발자는 랜덤함수를 통해 결정장애 해결 개발자 짱착함
  • 32. URL 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 사실 .party 도메인 싸서 삼 (요즘 할인합니다) • 거기다가 개발자가 시간표에 공강 만들려다가 도메인 사서 이렇게 됨... • gonggang.party 완성 • 이제 이 도메인은 제겁니다 ㅎㅅㅎ
  • 33. 정리 숙명여자대학교 식당검색기 gonggang.party 제작기 by bunseokbot@UpRoot • 데이터 모아서 정리하고 • 웹은 사람들이 모바일 + PC 모두에 맞춰서 제작 • 선택장애나 최대한 예측할 수 있는 Exception에 대해서 handle • 사람들이 잘 기억할 수 있는 IMPACT 있는 도메인 사용 • 끗