본문 바로가기

전체 글85

날씨 API - OpenWeather 사용하기(2) 2023.12.13 - [개발활용툴] - 날씨 API - OpenWeather 사용하기(1) 날씨 API - OpenWeather 사용하기(1) 날씨 정보는 다양한 종류에 활용도가 높은 컨텐츠 중에 하나입니다. 본인이 제공하는 주요 컨텐츠에 맞게 적절하게 사용한다면 좀 더 풍부한 정보를 가진 사이트를 만들 수 있겠습니다. 여러 종 peter-codinglife.tistory.com 이전 블로그에 이어서 실제 OpenWeather API 사용 예시입니다. 예시는 아래와 같이 경복궁 소개 상세페이지입니다. 기본정보 이외 지도에 위치정보를 보여주고, 현재 날씨 정보를 보여줍니다. 날씨정보 표출 내용은 날씨 아이콘, 온도, 기준 시간 입니다. show.ejs 파일 - 지도 및 날씨 정보 표출 하기 ℃ contr.. 2023. 12. 14.
날씨 API - OpenWeather 사용하기(1) 날씨 정보는 다양한 종류에 활용도가 높은 컨텐츠 중에 하나입니다. 본인이 제공하는 주요 컨텐츠에 맞게 적절하게 사용한다면 좀 더 풍부한 정보를 가진 사이트를 만들 수 있겠습니다. 여러 종류의 날씨 API 중에서 개발용으로 무료로 사용할 수 있는 API로 OpenWeather 를 사용하는 방법에 대해 간단하게 공유하고자 합니다. OpenWeather 특성은 전세계 날씨 데이터를 가져올 수 있고, 현재 날씨 뿐만아니라 주간날씨를 무료로 이용할 수 있습니다. 1. OpenWeather 회원가입 하기 https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location .. 2023. 12. 13.
Mapbox사용법(5) - Mouse Event 이전 블로그에 이어서 지도에 마우스 클릭으로 해당 위치의 좌표값을 취득하는 방법에 대해 알아 보고자 합니다. geocoding 으로 주소지 또는 POI 정보로 지도 경위도 좌표값을 얻을 수 있는데 Mapbox에서 모든 정보를 가지고 있지 않기 때문에 정확한 위치로 매칭되지 않을 수 있습니다. 2023.12.11 - [개발활용툴] - Mapbox사용법(4) - geocoding Mapbox사용법(4) - geocoding Mapbox에서 지원하는 다양한 기능중에서 실제 어플리케이션 개발시 사용할 만한 기능에 대해 설명하고자 합니다. geocoding(지오코딩) 기능은 주소지 또는 POI(시설물) 정보를 텍스트로 입력시 GPS 경 peter-codinglife.tistory.com 정확한 위치 값을 얻기 위.. 2023. 12. 12.
Mapbox사용법(4) - geocoding Mapbox에서 지원하는 다양한 기능중에서 실제 어플리케이션 개발시 사용할 만한 기능에 대해 설명하고자 합니다. geocoding(지오코딩) 기능은 주소지 또는 POI(시설물) 정보를 텍스트로 입력시 GPS 경위도 위치값으로 변환시켜주는 기능입니다. 즉, 구글, 네이버 지도에서 시설물이나 지도 검색시 지도에 해당 정보 위치를 표시해주는 기능으로 이해하면 됩니다. 구체적인 사용 방법의 이해를 돕기위해 예시를 들어 설명하겠습니다. 1. Geocoding API 사용하기 [참고] Mapbox Documentation https://docs.mapbox.com/api/search/geocoding/ Geocoding API | API Docs The Mapbox Geocoding API runs forward .. 2023. 12. 11.
Intl.NumberFormat 이용한 나라별 통화 표기하기 자바스크립트에서 언어에 맞는 숫자 서식을 변경하고자 할 때 유용하게 사용하는 내장된 표준 객체인 Intl.NumberFormat의 활용법에 대해 알아 보겠습니다. 1. 나라별 통화 표기 하기 한화 표기는 나라 형식에 'ko-KR' 을 적용 const number = 123456.789; // 통화 서식 console.log( new Intl.NumberFormat("de-DE", { style: "currency", currency: "EUR" }).format( number, ), ); // → 123.456,79 € // 한국 원화는 보조 통화 단위를 사용하지 않음 console.log( new Intl.NumberFormat("ko-KR", { style: "currency", currency: ".. 2023. 12. 3.
[Django] 파이썬 가상환경(virtualenv) 만들기(2) 이전 블로그에서 장고 프로젝트를 가상환경에서 만들기 위한 기본 설정을 진행하였습니다. 기본 설정 사항이 궁금한 경우 이전 블로그를 참조하기 바랍니다. 2023.12.03 - [파이썬(Python)] - [Django] 파이썬 가상환경(virtualenv) 만들기(1) [Django] 파이썬 가상환경(virtualenv) 만들기(1) 파이썬으로 프로그램 개발시 다양한 라이브러리와 패키지를 다운로드 받아서 사용하게 됩니다. 이 때 설치 시점에 따라 또는 다른 개발자가 개발한 프로젝트의 수정 등을 진행할 때 버젼이 맞 peter-codinglife.tistory.com 이번 블로그에서는 가상환경에서 필로한 패키지 설지 및 .gitignore 설정 변경에 대해 예시를 통해 주의사항에 대해 알려드리고자 합니다. .. 2023. 12. 3.
반응형