본문 바로가기

전체 글85

[Django] 파이썬 가상환경(virtualenv) 만들기(1) 파이썬으로 프로그램 개발시 다양한 라이브러리와 패키지를 다운로드 받아서 사용하게 됩니다. 이 때 설치 시점에 따라 또는 다른 개발자가 개발한 프로젝트의 수정 등을 진행할 때 버젼이 맞지 않으면 실행되지 않는 경우가 많아 환경셋팅 하는데 시간을 많이 소모하게 됩니다. 파이썬에서는 이러한 문제를 해결하기 위해 프로젝트 단위로 환경을 셋팅하고 관리할 수 있도록 가상환경을 기본적으로 지원하고 있습니다. 일반적인 가상환경 셋팅 보다는 파이썬 프레임워크인 장고(Django) 프로젝트를 예시로 하여 가상환경 설정 및 프로젝트 셋팅 방법에 대해 정리해 보았습니다. 우선 기본적으로 프로젝트 관리를 위해 Git을 활용하도록 하겠습니다. 1. 프로젝트 Git Repository 생성 Git 가입은 다른 설명자료를 참고하고,.. 2023. 12. 3.
Mapbox 사용법(3) Marker 표출하기 이전 블로그에서 Mapbox 기본 사용법과 클러스터맵 사용예시를 보았습니다. 이번에는 POI(Point of Interrest) 상세정보 표출시 사용하는 마커가 있는 지도를 어떻게 설정하면 되는지 알아 보겠습니다. 1. 지도표출 화면 container id를 map 으로 지정합니다. 지도에 표출할 데이터와 mapToken을 2. 지도 표출 설정하기 mapboxgl.Map() 으로 기본적인 지도를 지정합니다. 지도표출 위치는 넘겨 받은 GPS 데이터로 지정합니다. 일반적으로 GPS좌표는 위도, 경도 순서로 표출하는데 Mapbox에서는 경도, 위도 기준으로 지정해야 합니다. 지도위 marker 표출은 mapboxgl.Marker() 로 지정합니다. Marker의 위치는 setLngLat 로 지정하고, Mar.. 2023. 11. 13.
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.
Pagination 기능 만들기 대용량의 데이터를 한꺼번에 화면에 표출하게 되면 데이터를 로딩하는 시간도 많이 소요되고, 사용자가 보기에도 불편함이 많이 존재하게 됩니다. 사용자 편의성을 위해 일반적으로 사용하는 페이지를 나눠서 보여주는 pagination 기능을 아래의 예시를 통해 적용해보겠습니다. 페이지를 나눠서 표출하는 방법에는 다양한 방법이 있겠으나 이번 예시에서는 Node.js, Express, MongoDB 환경에서 기능을 구현하였습니다. 1. 기능 정의 - 표출할 전체 데이터 수를 확인하기 - 한 페이지에 표출할 목록 갯수 정하기 - 페이지당 목록 개수에 따른 페이지수 확정 - 페이지 이동시 해당 페이지 목록에 해당되는 데이터만 불러오기 - 페이지 목록 표출은 Bootstrap 적용 2. 페이지 생성 함수 정의 utils>.. 2023. 11. 3.
텍스트필드 데이터 줄이거나 줄바꿈 표현하기 태그와 같이 내용이 긴 텍스트 데이터 입력을 받고 이 데이터를 표출하는 방법 Tip을 소개하고자 합니다. 1. 글자수 제한하여 표출하기 전체 데이터 목록을 표출하는 데 있어서 한 페이지에 표출하는 내용을 제한하고자 할 때 글자수를 제한하여 표출할 때 유용한 방법입니다. 전체 글자수 길이를 확인하여 표출하고자 하는 글자수와 비교하여 적으면 전체를 보여주고, 넘어가면 글자 수 만큼 자르고 "..." 줄임말 표시를 붙여 줍니다. 아래의 예시는 200자를 넘어가면 slice 로 200자까지 자르고 "..." 을 붙이고, 아니면 전체 글자수를 표출합니다. 200) ? campground.trrsrtIntrcn.slice(0,200)+" ..." : campground.trrsrtIntrcn %> 2. 줄바꿈 표출.. 2023. 11. 1.
반응형

티스토리툴바