이런 글 보신적 있으신가요? 저도 이 글을 보고나서 검색하기가 힘드니 간단하게 검색할 수 있게 만들어볼려고 7시간 정도 들여서 만들었습니다.
사용한 기술은 html, vanilla javascript, 아이디어 입니다.
이 중에 핵심은 '아이디어'인데
어떻게 데이터화하고 필터링할 것인가가 가장 큰 요소였습니다.
1. 데이터 편집하기
그래서 첫번째로 텍스트를 json형태로 변환하는 작업을 해줍니다.
먼저 javascript로 글의 큰 패턴을 찾아서 json format으로 바꿔줍니다.
(string 포맷 바꾸기 코딩 테스트입니다ㅎㅎ)
그리고 vi로 데이터가 빠진곳이나 자동화하기 힘든 부분은 하나하나 채워줍니다.
그렇게 완성된 데이터 형태는 이렇게 생겼습니다.
이 부분이 7시간 중 6시간 정도 걸렸습니다.
글을 작성하고 보니 이 부분을 보충설명할 필요가 있어서 적습니다.
데이터 형태는 화면의 기획과 데이터를 어떤 방식으로 처리할지 로직을 완성시킨 결과로 나온 것입니다.
따라서 [데이터 편집->화면 기획]이 아니라
[데이터 분석->화면 기획->로직 구성->데이터 편집]' 입니다.
2. 화면 만들기
기본적인 뼈대는 필터 역활을 할 input과 결과를 보여줄 영역 2개입니다.
input으로 들어오는 키워드를 포함하지 않는 항목들을 제거하여서 남은 키워드들을 보여주게 만들었습니다.
데이터 가공하고, dom 생성해서 보여주고...
3. 만약에 더 발전시키면
하고자 한다면 할건 많습니다.
python으로 mongod에 데이터 올려서 조회하게 만들고,
사용자가 입력/수정/삭제할 수 있는 비지니스 로직 만들어주고,
redis에 많이 검색되는 데이터들 cache도 해주고,
클라이언트는 이왕에 Next.js로 올려서 virtual dom으로 플리커(흰색 번쩍) 없애고 SEO좋게 만들고,
하지만 안하는 이유는 초기에 원했던 결과는 끝났기 때문입니다.
4. Google ads 신청하고 광고판 달기
이왕 만드는거 광고까지 달아서 부수익이 발생하면 너무나 뿌듯할것 같아서 사이트를 google ads에 신청했습니다.
신청한 후 20일 후에 승인이 나와서 광고가 출력되기 시작했습니다.
동네별로 검색기능도 있으면 좋겠습니다
동네별이면 지역구 안에 xx동 이런 단위 정도면 사용할만 할까요??
잘 활용할게요
추무로
소교동
덕분에 좋은 자료 얻습니다.
덕분에 못찾았던 오탈자를 찾았습니다ㅎㅎ
리포트 감사합니다~!
스크랩 해놓을껴요, 감사합니다
폐업 알려주셔서 감사합니다..ㅠ
의견 드리자면 1차 구분이 음식카테고리고 되어있는것 같습니다.
음식을 기준으로 여기저기 다니시는 분도 계시지만
현 지역에서 맛있는 음식을 찾고자 하시는 분들도 많을것 같아 지역기준 도 있으면 좋을것 같아요
지역 > 음식분류 > 음식점
음식분류 > 지역 > 음식점
지역 기준으로 변경하겠습니다!!
원래 이 기능은 카카오네비 전신인 김기사 네비때 유용했었는데
지도를 켜면 주변 식당 이름위로 최근 검색한 횟수가 쫘악 떴었죠. ㅎ
서버 구성할 때 사용자 통계를 측정해서 제공하도록 설계에 포함시키겠습니다ㅎㅎ
그냥 간단히 만들어볼려고 클라이언트만 만든건데 이제 서버도 만들긴해야겠습니다ㅋ
조금 더 의견 주시면 적극적으로 반영해드리겠습니다
/Vollago
선생님! 경기도도 한번 부탁드립니다
의견 주셔서 감사합니다~!
일단 면 종류만 등록한 것 공유해 봅니다.
http://kko.to/KPYSviMZ5
목록에는 있는데 지도에는 없는 곳은 검색해도 나오질 않아서 등록을 못한 곳이고,
개인적으로 찾아서 하는 거라 오류가 있을 수 있습니다. ^^;
구글 지도는 공유를 어찌해야되는지를 몰라서 ㅠㅠ
수익구조로 만드시려는데 제가 괜시리 지도 공유를 하는 것 같군요.
면류만 공유하고 나머지는 개인적으로 사용토록 하겠습니다.
제가 공유한 자료는 개인 자료가 아니고 만드신 사이트에서 음식점 정보를 보고 하나씩 카카오맵에 등록한 지도입니다. 그래서 제가 등록한 정보는 제 정보가 아닌 흔한개발자님이 크롤링해서 생성하신 데이터입니다.
만드신 사이트가 수익을 위한 사이트인 줄은 모르고 만들어서 공유했는데 끝까지 자세히 읽고 보니 수익을 위한 사이트라서 더 이상 공유를 중단한 것입니다. 면류는 그냥 공유를 하긴 했는데 광고 수익에 문제가 있으면 알려 주세요. 바로 공유 중단하겠습니다.
나중에 맛집 정보를 API로 외부로 제공하는것까지 생각하고 있습니다.
동네 맛있는 집을 저 사이트에가면 편하게 볼 수 있는 정거장을 목표로 하고 있어서 데이터를 활용하시는건 자유롭게 공유하셔도 괜찮을것 같습니다ㅎㅎ
사이트에서 공유하시는 정보가 좋은 것 같아 개인적으로 쓰려고 계속 지도에 등록 중입니다. 혼자 보기에는 아까워서 공유를 하려고 했던 것인데 공유해도 된다고 하시니 작성 중인 지도 정보는 계속 공유토록 하겠습니다.
혹시나 문제가 된다면 알려주세요. 바로 삭제토록 하겠습니다.
좋은 정보 감사 드립니다.
미리 감사드립니다
유용하게 잘 쓰고 외부 유출 않겠습니다. ^^
정보 공유 허락해주신 흔한개발자님께 감사 드립니다
이게 허용되면 광고 붙인 웹페이지들 다 홍보하려고 오겠습니다
소스 코드 한 줄도 없고
불펌해서 광고 붙이는게 팁과 강좌에 맞는 게시물인지 모르겠군요
게시글을 성의없이 쓴것 같아서 url은 지웠습니다
다음 글에 강좌글 정도로 퀄리티를 올려보겠습니다~!
사이트 홍보글이던 아니던 얼마든지 좋습니다.
공유 부탁드리겠습니다. 감사합니다.
이런 사이트 홍보야 큰 문제 없다 생각합니다.
솔까 이런 종류의 사이트에 구글 애드로 돈 몇푼이나 번다고요.
좋은 정보 업데이트만 해주신다면 그 정도 수고비야 벌어도 되죠.
저도 부탁드립니다
이제 여자친구만 만들면 완벽하네요
구글에서 찾는건 뭐 누구든지 할 수 있는거니..
본문에서 구글링해봤습니다
http://menu.leehunkyu.com/
주소 궁금하신 분들은 마지막 스샷에 '서울 맛집 리스트' 라는 키워드와 메일주소 함께 입력해 구글링 하면 나올 수도 있고 안 나올 수도 있지 않을까 싶습니다
자료가 워낙 많아서 혼자 등록하려니 시간의 한계가 있어서 등록이 완료되는대로 그때 그때 공유토록 하겠습니다.
1. 면류 (완료) : http://kko.to/KPYSviMZ5
2. 국밥류 (등록중) : http://kko.to/KyH8tkQCg
3. 만두류 (완료) : http://kko.to/zbnI5lwNn
4. 주류 (완료) : http://kko.to/rcLUFvWCr
/Vollago
/Vollago
"수락이오냉면"을 "이오냉면"으로 잘못 검색해서 노원으로 가시는 분들 쫌 있으실겝니다...