요소수 맵(Yososu Map)

SangHoon·2021년 11월 30일

📢 요소수 판매처와 재고, 정보, 최신뉴스를 Yososu Map에서 한눈에 확인할 수 있습니다. 많은 이용바랍니다.💗 http://yososumap.com

💡12/02 뉴스 안뜨던 오류 해결했습니다. 실시간으로 요소수 최신뉴스가 반영됩니다.

🤔12/05 새벽 - api서버측 문제로 인해 지도에 데이터가 늦게 불러와지고 있는 이슈 -> 공공데이터포털에 오류신고 접수완료! -> 대응이 느릴시 배치돌려서 DB구축예정입니다. --> "요소수API 클라우드 설정을 조정하여 성능 및 속도에 문제 없도록 보강을 하였습니다. 불편을 드려 죄송합니다" 라는 답변받음!!!!

🚨12/05 18:00 ~ ing - 여러분들의 많은 관심과 사랑으로 트래픽 초과로 인해 잠시 서버가 다운이 됬습니다.
긴급 복구중이니 잠시만 기다려주시면 감사하겠습니다. 이용에 불편을 드려 대단히 죄송합니다. --> 19:20 해결완료!!

🩹~~12/06 14:30 ~ ing - 트래픽을 감당하기가 힘들어 로드밸런싱 작업 수정중입니다.~~ -> 15:56 구축완료!!

🚨12/06 17:00 ~ ing - 여러분들께 과분한 관심과 사랑에 보답하기 위해서 저희 벨루가는 좀 더 안정된 서버를 구축 후 재 빌드중이오니 조금만 양해 부탁드립니다. 이용에 불편을 드려 대단히 죄송합니다 조금만 기다려주세욥!! --> 20:00 완료!!

🚨 12/10 ~ 12/11 - 로드밸런싱 작업을 통해 최소의 서버비용으로 최대의 효과를 내고자 하였으나, 여러분들의 뜨거운 관심으로 인해 또 한번의 서버 다운이 있었습니다..이젠 이런일이 없게 서버비용을 올려 다시는 다운되는 일이 없게 구축하였으니 앞으로도 많은 관심과 사랑 부탁드리며, 요소수로 힘들어하시는 분들이 없을때 까지 저희 벨루가는 여러분과 함께 하겠습니다!!!

🎊 저희 벨루가는 2월 28일을 마지막으로 서비스를 종료할 예정입니다.
요소수의 공급이 많아지면서 이젠 어디서든 쉽게 구할 수 있게 되었습니다. 많은 분들의 피드백과 감사 연락에 여기까지 올 수 있었고, 따듯한 한해를 시작할 수 있었으며, 저희 모두 성장할 수 있는 계기가 되었습니다. 앞으로도 일상 속 불편함을 편리함으로 제공하는 서비스로 또 찾아 뵙겠습니다. 그동안 여러분들의 많은 성원에 감사드리며, 이용해 주셔서 대단히 감사합니다.

✨팀프로젝트

결론부터 이야기하면 19일날 프로토타입 완성되었으나, api가 하루에 2번 업데이트 되고 있었어서 배포하지 않다가, api가 5분에 한번씩 업데이트 되게 변경되면서, 하루라도 빠르게 사람들이 이용하게 하고자 빠르게 배포!!

12/14(화) - 팀별로 프로젝트를 발표한 결과.. 1등을 하여 대상을 수상🏆

프로젝트 구상계기
코로나맵, 마스크 알리미처럼 저희가 배운 지식을 기반으로 많은 사람들에게 큐레이션을 제공할 수 있는게 뭐가 있을까 고민하다가 요소수 대란으로 많은 분들이 힘들어 하시는것을 보고 그분들의 번거로움을 덜어 드리고 편리함을 제공 하고자 하는 마음에 제작하게 되었습니다.
프로젝트 명
요소수맵 (Yososu Map)
-> 코로나맵에서 착안하여 요소수맵으로 정하였습니다.
팀명
벨루가 (beluga)
-> 흰돌고래라는 뜻으로, 사람들에게 친근하고 사랑받는 개발자가 되어 좋은 서비스를 제공하자는 의미로 벨루가로 정하였습니다.
팀원
- SangHoon : 기획, 요소수 지도 구현, 인프라 구축
- Seungwan : 요소수 뉴스 구현, 중계서버 도입
- Jisu : 팀원소개 구현, 총괄 디자인, 도메인설정
- Taekyu : 요소수 정보 구현, 크롤링 구현, SEO
프로젝트 설명
- 요소수맵(Yososu Map)은 요소수 관련 큐레이션을 제공하는 사이트 입니다.
- 지도를 통해 요소수 판매처, 재고, 가격, 연락처 등을 알 수 있습니다.
- 요소수, 요소수의 용도, 수입현황, 품귀현상이유 에 대한 정보들을 알 수 있습니다. (5분마다 실시간으로 변경)
- 요소수에 대한 최신 뉴스들을 확인 할 수 있습니다 (실시간으로 변경)
  -> 위의 모든걸 한곳에서 한번에 확인할 수 있는 것이 장점!!!
프로젝트 레이아웃
- 요소수 지도 ( Yososu Map )
- 요소수 정보 ( 요소수란 )
- 요소수 뉴스 ( yososu New )
- 팀원 소개 ( Our Team Member )
  -> SPA 로 제작하였습니다.
  -> 총 4가지 섹션으로 구성 되어 있습니다.
기술 스택
- 프론트 : React, react-bootstrap
- 백앤드 : node.js - proxy(중계서버)
- 배포 : AWS, Docker, Nginx, IaC(Terraform, Ansible), Freenom
- 협업관리 : Notion, github
- 툴 : vsc, cmd(ssh - ubuntu)
- API : Kakao Map, Naver Search, 공공데이터포털(요소수)

배포전 영상 미리보기
직접 확인하러 가기

많은 분들에게 조금이나마 도움이 되기를~💗
http://yososumap.com

공공데이터포털의 활용사례에도 등록되어 있습니다.
~~현재 뉴스 API가 배포시 undefiend 되는 이슈로 금일 해결할 예정입니다.~~ 해결완료!!!
좀 더 편리한 CI/CD 환경을 위해 Jenkins도 추가 도입할 예정 입니다. -> 도움을 주신 devdynam님 감사합니다.

🙇‍♂️팀프로젝트 후기

간단한 회고, 자세한 구현설명 그리고 시연영상은 팀프로젝트 발표 후에 업로드 하겠습니다!!! 정중한 피드백은 언제든 환영입니다😊

12/14(화) - 팀별로 프로젝트를 발표한 결과.. 공동1등을 하여 대상을 수상🏆

아쉬웠던 점
- 트렐로 (Trello)를 통해 팀원과의 소통을 극대화 하지 못한것
- 젠킨스(jenkins)를 도입하지 못한 것
- AWS의 SNS를 도입하지 못한 것
잘했다고 생각하는 점
- 처음 접하는 새로운 기술들을 즉각 수용하고 학습하고 반영한 것
- A to Z 큰그림을 그리고 하나씩 시도하고 해결해 나간 것
- 끝까지 포기하지 않고 마무리 지은 것
느낀 점
- 제가 배운 지식으로 남에게 이로움(편리함)을 주는게 이렇게 뿌듯하다는걸 몸소 느꼈습니다.
- 개인프로젝트에서도 느낀 점이지만! 디자인과 UX가 정말 많은 부분을 차지한다는 걸 알게 되었습니다.
- 프론트앤드로 취업을 준비하면서 프론트엔드의 가치는 서비스의 가치로 결정되며 코드의 스킬이나 퀄리티로 결정되지 않는다는 걸 알게되었습니다.
- 트랜드와 이슈, 그리고 대응과 대처, 흐름이 굉장히 중요하다는걸 알게되었고, 선점의 효과가 생각보다 크다는걸 알게 되었습니다.

🦈간단한 회고

teo.yo 님의 마지막 당부말씀 이 저의 학습법이나 생각을 뒤바꿔놓으셨다.

우선 저의 첫 서비스 경험인 만큼 정말 실력도, 대응도 많이 부족했습니다만, 정말 많은 분들에게 분에 넘치는 관심과 사랑을 받았습니다.
또한 웬만한 주니어 개발자분들도 접하시기 힘들다는 트래픽 초과 이슈, 인젝션 이슈 등을 접하고, 미흡하지만 해결 해나가며 서비스를 유지해 나가고 있는 경험을 하게 되어 너무 기쁘고, 이 기쁨을 팀원들과 나눌 수 있어 더 좋았습니다.

그리고 저는 항상 문법과 최신기술, 트랜딩, 실제 서비스에 관심이 많았습니다.
하지만 이번 서비스 경험을 해보면서, teo.yo님의 글을 보게 되면서 저는
생각이 완전히 뒤바뀌었고, 단순 기술적인 부분에만 집중할 것이 아니라 정말 서비스를 위해 항상 생각하고 배우는 것을 멈추지 않으면서, 끊임없이 효율적인 해결방안을 찾아 도입을 시도할 것입니다.

또한 아무런 영리를 취하지 않고 큐레이션 서비스를 진행하였는데, 물론 앞으로도 그럴 것이지만, 최소한의? 어느 정도의? 사업성도 조금 생각하면 좋겠다고 생각 되었는데요, 그래서 애드센스를 도입해서 조금만 서버 비용을 충당하고자 하였으나, 저희 게시글이 광고 게제가 준비되지 않은 사이트라며 거절당하여 온전히 저희가 부담하게 되었습니다.

마지막으로 OKR 할 수 있는 올라운더와 함께라면 어떤 것도 두렵지 않게 시도해 볼 수 있을 거라고 믿어 의심치 않습니다!!! 앞으로는 핏이 맞는 사람과 린 하게 개발해 보고 싶다는 생각을 들게 하는 프로젝트였고, 요소수로 힘드신 분들이 없으실 때까지 끝까지 서비스할 것입니다!!!