PROJECT(20)
-
현재 위치를 지도 위에 표시하는 기능 만들기(기본마커 + CSS 적용)
현재위치 버튼을 누르면 현재위치가 나타나게 하는 기능을 만든다. jQuery 라이브러리를 통해서 구현을 해본다. -jQuery란? 웹사이트에서 자바스크립트를 쉽게 사용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리 ->클라이언트쪽의 이벤트들을 조금 더 쉽게 작성할 수 있도록 고안된 라이브러리 if ("geolocation" in navigator) { navigator.geolocation.getCurrentPosition(function(position) { const lat = position.coords.latitude; #현재위치 위도가 담긴다. const lng = position.coords.longitude; #현재위치 경도가 담긴다. const latlng = new nave..
2021.03.19 -
지도에서 여러 개의 마커 생성하기
var data = [] [] 안에서 위치정보, 콘텐츠 같은 정보들을 저장한다. { title : "seoul" content : "서울 남산타워" date : "2020-03-15" lat : 위도 lng : 경도 } 외부에 있던 데이터, data 폴더 안에 data.js를 여기 index.ejs안에서 활용을 해보겠다 라고 명시한 것이다. data라는 변수를 스크립트 안에서 사용할 수 있게 된다. data가 배열형태이기 때문에 for문을 통해서 하나씩 읽어본다. for(var i in data) { var target = data[i]; //title, content, date, lat와 lng라는 정보가 저장된다. var latlng = new naver.maps.LatLng(target.lat, t..
2021.03.15 -
express 및 nodemon 설치, 실행하기
npm install -g nodemon -g란 ; global로 설치를 해서 다른 프로젝트 그런 경로 상관없이 모든 곳에서 nodemon 패키지를 쓸 수 있도록 해준다. nodemon이라는 패키지는 서버를 껐다 켰다하는 불편함을 해소시켜주는 패키지라고 볼 수 있다. npm install -g express -generator express는 웹 서버를 쉽게 만들 수 있는 프레임워크이다. 설치 후, 서버 띄우기 설치한 express라는 패키지를 사용해서 프로젝트를 생성해본다. express --ejs 폴더이름 cd 폴더이름 npm install ->프로젝트 내에 폴더와 파일이 생성된다. 위에서 설치한 nodemon패키지를 통해서 서버를 켠다. nodemon ./bin/www 이후 크롬 브라우저에서 loc..
2021.03.15 -
[서울상권분석] 스타벅스 vs 이디야 매장 위치 비교하기(1편-전처리 과정)
이디야커피의 초기입점전략은 "스타벅스 옆"이였다고 한다. 과연 지금도 그럴까? 소상공인시장진흥공단 상가업소정보 데이터를 활용하여 스타벅스와 이디야 매장위치를 비교해본다. 텍스트 데이터 정제하기 - 대소문자로 섞여있는 상호명을 소문자로 변경하고 상호명을 추출한다. 텍스트 데이터에서 원하는 정보 추출하기 - 브랜드명 컬럼을 만들고 구별매장 수 분석하기 데이터 불러오기 공공데이터 포털 : 소상공인시장진흥공단 상가업소정보 데이터 활용 pd.read_csv로 파일을 불러온다. shape를 통해 불러온 csv파일의 크기를 확인한다. 데이터 미리보기 df.head() info 보기 info를 사용하여 데이터의 전체적인 정보를 본다.(데이터 사이즈, 타입, 메모리 사용량 등) 결측치 보기 isnull()을 사용하여 데..
2020.12.17 -
[상권 분석] 프랜차이즈 입점분석 (2편-시각화)
1편에서 전처리한 파일을 바탕으로 특정 상호의 분석을 시작한다. 먼저 전처리한 파일에서 배스킨라빈스 브랜드명을 추출한다. -> 대소문자가 섞여있을 수도 있기 때문에 대소문자를 변환해준다. -> 배스킨라빈스/베스킨라빈스가 상호명인 곳을 추출한다. 다음은 던킨도너츠의 갯수를 세어본다. "배스킨/베스킨/baskin/던킨/dunkin"를 가져와 df_31변수에 담아준다. 브랜드명이 배스킨라빈스가 아닌 데이터를 찾아본다. head()로 데이터 살펴보기 데이터가 제대로 모아졌는지 확인한다. "상권업종대분류명"의 빈도수를 계산한다. "소매"와 "생활서비스"가 있다는 게 이상하다 ? "상권업종대분류명"컬럼에서 "소매", "생활서비스"인 데이터만 가져온다. "상권업종대분류명"에서 "소매", "생활서비스"는 제외시킨다. ..
2020.12.01 -
[상권 분석] 프랜차이즈 입점분석 (1편-전처리 과정)
배스킨라빈스 vs 던킨도너츠 -> 근처에 입지한 것을 종종 볼 수 있다. 파리바게뜨 vs 뚜레주르 -> 주변에서 많이 볼 수 있는 프랜차이즈 중 하나 이런 프랜차이즈 매장이 얼마나 모여 있는지, 흩어져 있는지 지도에 표시를 해보면서 대용량 데이터에서 원하는 특정 데이터를 추출해본다. 데이터 불러오기 공공데이터 포털 : 소상공인시장진흥공단 상가업소정보 데이터 활용 df = pd.read_csv 한 뒤 df.head를 통해 데이터 구조를 확인한다. 데이터 크기 보기 df_shape를 통해 데이터 크기를 볼 수 있다. info 보기 info를 사용하여 데이터의 전체적인 정보를 본다.(데이터 사이즈, 타입, 메모리 사용량 등) 결측치 보기 isnull을 사용하여 결측치를 본다. 결측치는 True로 값이 있다면 ..
2020.11.29