본문 바로가기

개발활용툴10

Mapbox 사용법 (2) - 클러스터 사용예제 Mapbox 기본 사용법은 document를 참고하면 되는데 Node.js, express, mongoDB를 이용하여 지도에 데이터를 표출하는 사용하는 예시에 대해 설명하고자 합니다. 물론 Mapbox는 다양한 언어를 지원하기 때문에 각자 사용하는 언어 기준을 참고하면 되고, 맵 사용에 따른 기본적인 설정은 비슷하기 때문에 개발하는데 참고하기 바랍니다. 1. 지도 사용 등록 2023.11.10 - [개발활용툴] - Mapbox 사용법(1) 가입 및 기본사용 Mapbox 사용법(1) 가입 및 기본사용 위치정보를 지도에 표출하기 위해 구글맵, 네이버, 카카오 등 다양한 맵을 사용할 수 있습니다. 이번에는 Open Street Map 기반의 지도서비스인 Mapbox를 이용하여 지도를 표출하는 방법을 설명하고자.. 2023. 11. 12.
Mapbox 사용법(1) 가입 및 기본사용 위치정보를 지도에 표출하기 위해 구글맵, 네이버, 카카오 등 다양한 맵을 사용할 수 있습니다. 이번에는 Open Street Map 기반의 지도서비스인 Mapbox를 이용하여 지도를 표출하는 방법을 설명하고자 합니다. Mapbox에서 제공하는 API, SDK를 이용하면 웹, 모바일, 자동차용도 등 다양한 용도에 다양한 스타일의 지도서비스를 만들 수 있습니다. http://mapbox.com Mapbox | Maps, Navigation, Search, and Data APIs and SDKs for AI-powered maps, location search, turn-by-turn navigation, and geospatial data in mobile or web apps. Get started fo.. 2023. 11. 10.
이미지 서비스 제공 - Cloudinary(클라우디너리) 활용하기 웹서비스 제공에 있어서 이미지 관리는 중요한 부분중에 하나입니다. 별도의 저장 및 관리 영역이 필요한데 일반 기업형으로는 별도 Storage서버를 통해 관리하지만 클라우드 기반 서비스 또는 개인 프로젝트의 경우 AWS 등 클라우드에서 제공하는 솔루션을 사용하게 됩니다. 이번에 소개하는 Cloudinary는 이러한 저장의 고민 뿐만아니라 웹, 모바일 등 다양한 매체를 위한 기능을 제공하고 있어 개인 프로젝트를 진행하는데 무료로 사용이 가능합니다. 1. Cloudinary 소개 cloudianry는 이미지, 동영상의 업로드, 저장, 관리, 변환(사이즈, 자르기 등), URL 기반 자동 변환, 최적화 등 다양한 기능을 제공하고 있습니다. 개발 편의성을 위해 여러 플랫폼의 호환용 sdk 를 지원합니다. (Rea.. 2023. 9. 26.
Lorem Picsum 개발시 사용할 샘플 이미지 활용툴 개발시 임의의 텍스트 입력은 Lorem ipsum(로렘 입숨)을 많이 활용하고 있으나 이미지의 경우도 비슷하게 활용할 수 있는 사이트가 있어 소개하고자 합니다. 이미지가 필요한 경우 다양한 해상도 이미지를 만들어서 적용하는 것은 생산성이 많이 떨어집니다. 일반적으로 이미지 작업은 무료이미지 사이트에서 이미지를 가져와서 개별적으로 이미지 사이즈를 변경하여 저장하고 사용하지만 아래 사이트를 이용해보면 훨씬 쉽게 적용해 볼 수 있겠습니다. 1. Lorem Picsum 간편사용 필요한 높이와 폭을 URL에 지정하면 해당 사이즈의 샘플 이미지를 불러올 수 있습니다. 예시) https://picsum.photos/200/300 200 x 300 필셀 사이즈에 해당되는 임의의 이미지를 불러옵니다. 조회시 마다 다른 .. 2023. 7. 18.
반응형

티스토리툴바