개발일지#2 - 나만의 웹 서비스 만들기(API구상 및 기본 뼈대 만들기)

프로젝트를 만들기에 앞서, 기본 뼈대를 만들어보기로 준비했다. 

아직은 아무것도 없는 상태에서 뼈대를 만들기는 어려울걸로 생각이 들어서 웹개발플러스 강의에서 배운 BULMA 템플릿 을 사용하기로했다!

 

우선 나의 계획은 이렇다!

 

1. 기본 HTML+CSS 뼈대 만들기 

→ 맛집 정보 입력 박스 → 지도 띄우기 → 맛집 카드 목록 만들기 

 

2. 맛집 정보를 DB저장하기 

 이부분은 웹개발종합반부터 꾸준히 들으면서 자주 나오던 내용이지만, 쉽다는건 아니지만 그래도 자주 다룬 내용이라서 어려울것같진않다.

 

3. DB에 저장된 맛집 정보를 지도에 마커로 표시하기 

이부분을 하기위해 카카오API에 대해서 적극적으로 알아보고 있다. 회사에서 여유가있다면 짬내서 좀 알아봐야할 것 같다!

요즘에는 이런 오픈API를 사용하고 블로그에 올려놓은 사람들 후기도 많아서 공부하기 수월한 것 같다. 

이번 5월 한정이벤트로 오픈된 강의가 있는데 그중에서 지도API를 상세하게 다루는 분들이 있어 강의를 모두 수강해보려고한다

(무언가 내가 하려는걸 먼저 해서 서비스를 만들어 보신 분들의 노하우를 직접 배워볼 수 있는 시간일 것 같다!)

※ 지도에서는 infowindow , 스크롤 움직이기 등 여러가지 기능들이 존재하여 공부할겸 내 서비스에 맞는 것들은 적용해볼 예정이다

 

4. 저장된 맛집 리스트를 카드목록으로 보여주기 

이부분 또한 강의에서 자주 나왔던 내용들을 활용하면은 충분히 할 수 있을 것 같아 보인다. 

여기서 중요하게 적용되어야할 기능은 내가 선정한 맛집이 사라지거나 간혹 맛이 예전만하지 못하여 삭제하고 싶을 수도 있다.

그런경우를 생각해서 기존 내용을 편집하고 삭제하는 기능을 넣어볼예정이다.

 

5. 최종 연동 테스트 및 배포

  

계획은 나름대로 세웠지만! 모든일이 이렇게 되리라는 없는 법 ! 

이 계획대로 순차적으로 진행될 수 있도록 노력해봐야겠다!

 

오늘은 기본 HTML+CSS 뼈대와 지도를 띄우는 것 까지는 코드를 완성하였다.

나만의 웹사이트 프로젝트를 만들어볼 기본 HTML+CSS 완성 모습  

이번 주말까지 입력받은 정보를 DB에 저장하는 부분까지 코드를 완성해 볼 예정이다.

 

오늘 개발일지는 끝!