컴퓨터를 전공하기는 했는데 개발은 할 줄 몰라서 졸업 후 일반 사무직에 있다가 아무리 생각해도 배운 전공이 너무 아까워서 퇴사하고 아예 처음부터 노마드 코더와 함께 웹개발을 시작한 취업준비인입니다..ㅎㅎ Javascript도 다룰 줄 몰랐지만 전설의 바닐라JS로 크롬앱 만들기부터 시작해서 유튜브 클론코딩까지 마치고 나니 머릿속에 넘쳐나는 아이디어를 실현할 수 있어서 매일매일 행복합니당~!~!
서비스 소개

트위터(현 X)에 올라온 추천 맛집을 모아볼 수 있는 맛집 지도.
시작하게된 계기
트위터(현 X)에 올라온 맛집만이 진정한 맛집이라고 생각하고 있어서 (요즘엔 바이럴이 있어서 검증이 필요) 검증된 곳은 북마크를 해뒀지만, 막상 필요할 때는 찾기가 힘들어서 식당 정보에 트윗을 모아보는 기능이 있으면 좋겠다는 생각에 만들었습니다.
개발
사용한 기술은 React, nodejs, expressjs, MongoDB, 카카오맵API 입니다.
관리자인 제가 카카오맵 DB에 저장된 식당을 검색해서 식당 정보와 위치를, 트위터 링크는 수제로 추가하여 MongoDB에 저장하고 그걸 일반 사용자들이 보는 건데..
풀스택이라고 볼 수 있는걸까요..?? 어쨌거나 DB에 저장하고 저장한 것을 보여주긴 하지만...
원래 계획은 관리자인 저나 일반 사용자들도 로그인해서 식당을 검색해서 관리자에게 요청할 수 있도록 하려고 했는데, 아직 서버에 대한 개념이 잘 안 잡혀서 이 기능이 로컬에서만 되고 배포된 사이트에서는 구현이 안 되네요ㅠ 그래서 식당 추가는 제 로컬에서만 하고 있습니다..
바라는 것은?
먹는 것에 진심인 한국인들에게 많은 도움이 됐으면 좋겠습니다,,
https://hotpot-8c321.web.app/ <- 제가 만든 건 아니지만 훠궈 소스 백과사전이라는 사이트를 우연히 발견했는데, 일일이 찾아보기 번거로웠던 걸 해결해준 사이트를 보니 저도 이런 식생활에 유용한 정보를 주고 싶어졌어용.
오류사항

1. 캐시 문제로 트윗링크가 보이려면 운명에 맡겨야 함(..)
새로고침을 두 번 이상 해야 트윗이 보이는데, 두 번으로 해결되면 정말 운이 좋은 경우입니다ㅜ 관련해서 피드백 해주시면 정말 감사하겠습니다.. (index.html에서 http-equiv, expires를 설정하기는 했습니다.)
2. iOS에서 타로카드(..)처럼 보이는 증상
아이폰의 사파리만 그런줄 알았는데 아이패드로 연결한 크롬에서도 이런 증상이 나타납니다..
(링크가 많을수록 좀 웃기긴 함. 타로카드라는 표현이 딱...)
근데 저 링크를 하나라도 클릭하고 다시 돌아오면 정상적으로 보이더라고요?? 😩

맛집은 추천받거나 생각날 때마다 추가하고 있습니다,,

더이상 북마크를 사용하지 않고 바로 추가해도 되어서 너무 편하고 좋네요,,^,^ (~~비록 아직은 무조건 노트북을 열고 VSC를 켜서 npm run server와 npm run client를 하여 로컬에서 추가해야지만....~~)
피드백은 언제든 환영입니다^,^

9 comments

글쓰기

노마드코더 이벤트노마드 코더, 강의 1:1 상담 해드려요~️⭐️📚 노마드코더 신간 안내 📚 IT 5분 잡학사전

# interview