Projects 3

[Camping info] 캠핑 정보 서비스 개발

최근 회사 업무를 위한 툴 개발을 위해 folium을 공부 했었는데, 본격 업무에 들어가기에 앞서 토이 프로젝트를 진행 해보았다. 본인은 캠핑 가는 것을 좋아하는데, 이와 관련해서 지도에 캠핑장 위치를 보여주고, 캠핑장 정보를 보여주는 서비스를 개발하기로 결정했다. 회사에서 사용할 툴을 웹 서비스로 개발할 예정이기 때문에, 웹을 통해 캠핑장 정보를 제공하는 서비스를 개발하며 선행 학습을 진행 할 생각이다. 1. 화면 설계 캠핑 정보 서비스 제공을 위한 웹 화면 설계는 아래와 같이 진행 하였다. Navigation bar - 서비스 이름 및 search를 지원하는 text box 및 필터를 걸 수 있도록 한다. Map - 캠핑장 정보를 지도에 표시하는 지도를 표시한다. Camping information ..

[Camping info] Folium과 Leaflet.js의 차이점과 용도 파악

1. Folium https://python-visualization.github.io/folium/ Folium — Folium 0.12.1 documentation folium builds on the data wrangling strengths of the Python ecosystem and the mapping strengths of the leaflet.js library. Manipulate your data in Python, then visualize it in on a Leaflet map via folium. Concepts folium makes it easy to visualize data tha python-visualization.github.io Folium은 한마디로 lea..

[Camping Info] HTML 파일에서 자바스크립트 코드 위치 선정과 실행 순서

오늘은 웹 페이지에서 자바스크립트를 파싱하는 순서와 코드 위치에 대해 알아보았습니다. HTML 파일에서 자바스크립트 코드는 아무곳에 위치할 수 있습니다. ( 태그 바깥에도 위치할 수 있습니다.) 자바스크립트 코드 삽입 방법은 태그를 사용하며, 태그에 직접 자바스크립트 코드를 입력 하는 방법과 로 파일 링크를 입력하여 연결하는 방법이 있습니다. 보통 태그에 자바스크립트 코드 태그를 삽입하며, 이는 권장 사항이나 필수 사항은 아닙니다. 필요에 따라 문서 중간에 위치하거나, 맨 끝에 위치할 수 있습니다. 자바스크립트를 파싱하는 순서는 다음과 같습니다. HTML 파일 오픈 HTML 페이지 태그를 위에서부터 아래로 순차적으로 파싱 ) 이후 HTML 태그 파싱 재개 3번 확인 시 자바스크립트 코드를 읽어 실행하는 ..