33,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
꿀잼!
2일만에 다들었습니다!! 중간중간 그냥 코드를 따라친 부분도 많아서 복습해서 제 코드로 만들어야겠네요! 감사합니다 ㅎㅎ
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
서버를 다시 열라고 하면 어떻게 해야되나요?
안녕하세여 수업 다듣고 다시한번 듣고 있는데 명령어 express --ejs myfirstmap 을 치니깐 모든 코드가 다 초기화가 되더라구요. 서버를 다시 열라고 하면 어떤 명령어를 써야되나요?
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
마커의 색깔을 바꾸고 싶은데
마커의 색깔을 바꾸고 싶은데 어떻게 손을 써야되는지 잘모르겠어요
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
안녕하세요 오류대해 질문입니다
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <title>Map</title> <script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=kscsjp2132"></script> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <link rel="stylesheet" href="/stylesheets/style.css"> <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=ec40692b33c7adfca6bd633c21a1bc2c&libaries=services"></script> </head> <body> <div id="navbar">myfirstmap</div> <div id="infobox"> <div id="infoTitle">현재 날짜</div> <div id="infroContent">20200914</div> </div> <div id="search"> <input id="search_input" placeholder="목적지를 입력해주세요" /> <button id="search_button">검색</button> </div> <div id="current">현재 위치</div> <div id="map" style="width:100%;height:100vh;"></div> <script type="text/javascript" src="/data/data.js"></script> <script> var mapOptions = { center: new naver.maps.LatLng(37.3595704, 127.105399), zoom: 10 }; var map = new naver.maps.Map("map", mapOptions); var markerList = []; var infowindowList = []; for (var i in data) { var target = data[i]; var latlng = new naver.maps.LatLng(target.lat, target.lng); marker = new naver.maps.Marker({ map: map, position: latlng, icon: { content: "<div class='marker'></div>", anchor: new naver.maps.Point(12, 12) }, }); var content = `<div class='infowindow_wrap'> <div class='infowindow_title'>${target.title}</div> <div class='infowindow_content'>${target.content}</div> <div class='infowindow_data'>${target.data}</div> </div>` var infowindow = new naver.maps.InfoWindow({ content: content, backgroundColor: "#00ff0000", borderColor: "#00ff0000", anchorSize: new naver.maps.Size(0, 0) }) markerList.push(marker); infowindowList.push(infowindow); } for (var i = 0, ii = markerList.length; i < ii; i++) { naver.maps.Event.addListener(map, "click", ClickMap(i)) naver.maps.Event.addListener(markerList[i], "click", getClickHandler(i)); } function ClickMap(i) { return function () { var infowindow = infowindowList[i]; infowindow.close() } } function getClickHandler(i) { return function () { var marker = markerList[i]; var infowindow = infowindowList[i]; if (infowindow.getMap()) { infowindow.close(); } else { infowindow.open(map, marker) } } } let currentUse = true; $("#current").click(() => { if ("geolocation" in navigator) { navigator.geolocation.getCurrentPosition(function (position) { const lat = position.coords.latitude; const lng = position.coords.longitude; const latlng = new naver.maps.LatLng(lat, lng); if (currentUse) { marker = new naver.maps.Marker({ map: map, position: latlng, icon: { content: '<img class="pulse" draggable="false" unselectable="on" src="https://myfirstmap.s3.ap-northeast-2.amazonaws.com/circle.png">', anchor: new naver.maps.Point(11, 11), } }); currentUse = false; } map.setZoom(14, false); map.panTo(latlng); }) } else { alert("위치정보 사용 불가능 ") } }); let ps = new kakao.maps.services.Places; let search_arr = [] $("#search_input").on("keydown", function (e) { if (e.keyCode === 13) { let content = $(this).val(); ps.keywordSearch(content, placeSearchCB); } }) $("#search_button").on("click", function (e) { let content = $("#search_input").val() ps.keywordSearch(content, placeSearchCB); }) function placeSearchCB(data, status, pagination) { if (status == kakao.maps.services.Status.OK) { let target = data const lat = target.y; const lng = target.x; const latlng = new naver.LatLng(lat, lng); marker = new naver.maps.Marker({ position: latlng, map: map }) if (search_arr.length == 0) { search_arr.push(marker) } else { search_arr.push(marker) let pre_marker = search_arr.splice(0, 1); pre_marker[0].setMap(null) } map.setZoom(14, false); map.panTo(latlng) } else { alert("no search") } } </script> </body> </html>
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
강의가 재미있어 하루만에 완강했습니다
즐거운 강의였습니다. 추후 추가 업데이트도 해 주신다고 하셔서 정말 기분이 좋습니다. 빠른 시간안에 끝나다 보니 궁금한 것도 많네요 혹시 다음 강의때 혹은 질문 답글을 통해 몇가지 가르쳐 주실 수 있는지요... 1. 카카오에서 제공하는 검색 서비스로 현재 위치로부터 검색 위치까지 길을 찾아주는 API도 제공을 하나요?? 2. 간단한 버튼(강의의 현재 위치와 같은)을 통해 현재 위치의 주변에 존재하는 음식점 혹은 PC방과 같은 지점들을 표시하는게 가능한지요 3. 지도 서비스를 시작하였을 때 서울에서 시작하는것이 아닌 제가 지정한 위치에서 시작이 되도록 하는 방법이 있나요?? (다른 질문에서 했는데 한번 더 적어 죄송합니다 ㅠ) 4. 검색의 위치를 제가 지정한 일정 범위 안에서 검색이 되도록 하는것이 가능한가요?? 여러 궁금한것이 많이 생기네요... 답변 혹은 강의, API 가이드 등의 주소로 주셔도 좋습니다. 좋은 강의 만들어 주셔서 정말 감사합니다. 다음 강의도 기대하고있겠습니다. 감사합니다.
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
서비스 시작시에 현재위치에서 지도를 시작할 수 있나요??
안녕하세요 강의 잘 듣고 있습니다 이 강의의 다른분 질문처럼 현재 위치를 눌렀을 때 표시는 똑바로 되지만 해당 위치로 제대로 이동하지는 않네요... 그래서 지금 서비스를 시작하면 서울에서 시작을 하는데 현재위치 혹은 제가 지정한 위치에서 서비스가 시작되도록 서비스를 구현할 수 있나요?? 있다면 방법은 어떻게 하나요??
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
설치된거 맞나요? express-generator
(사진)
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
안녕하세요!!
안녕하세요~ 시빌해킹을 꼭 해보고싶은 대학생입니다. 저번에 코로나 맵 만드신거 보고 너무 멋지다고 생각해서 팬으로 있었는데, 이렇게 강의가 있다는걸 이제야 알게 되었네요! 그런데 최종으로 서비스를 만들고 배포는 어떻게 진행하면 좋나요?
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
오류가 나는데 어떻게 해결해야되나요?
(사진)
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
현재위치 관련
현재위치가 다른 곳에 마커표시가 되네요. 제가 있는 곳이 원주인데 전남 내장산으로 표시가 되네요. 이유가 궁금합니다. 제가 작업하는 환경은 node js와 express 인터넷환경이 아니고 파일단위 인증 API를 가져와서 네이버맵을 불러오고 있습니다. 해결방안이 있느지 있으면 알려주세요.
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
마커생성에 필요한 data 관련
지도에 나타내는 data를 자동으로 생성하는 방법은 어떻게 하나요? 지도에서 data가 가장 중요한 부분이라 생각듭니다. 혹시 자료 생성하는 코드가 있으면 공유가 가능할까요?
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
<지도 페이지 CSS 적용하기> 강의 중 http://localhost:3000/ 사이트에 연결이 안됩니다.
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 강의 중 이렇게 입력을했는데 새로고침 해보니 이렇게뜹니다 ㅠ.ㅠ 제가 잘못입력한걸까요?
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
코로나맵 개발 환경 관련
코로나맵 개발환경이 node와 express 환경에서만 가능한가요? 플라스크나 다른 환경에서 가능한지 궁금합니다. 그리고 다음 강의 업데이트는 언제 계획하고 있나요.
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
카카오 api key 발급 질문있습니다.
안녕하세요, 개발자님. 현재 '카카오 api key 발급 및 적용하기' 수업을 듣는중입니다. 강의에 REST API 키를 복사한다음에 html에 캡처한 사진과 같이 주소를 적어달라고 하셨습니다. 궁금증은 아래와 같습니다. 1. 강사님께서는 src = "~~~~" 이곳에 들어갈 주소를 어떻게 바로 알고계시는건지 궁금합니다. 즉, 어디서 이런 정보를 찾아볼 수 있나요? (관련된 키워드가 있는지 궁금합니다.) 감사합니다.
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
마커 생성이 안되네요
처음에는 마커 초록색 잘되던데 뭔가 오류나서 다시했더니 마커 초록색이 생성이 안되요 그리고 만들고 나가서 다시 nodemon ./bin/www 키면 안되요 오류떠요 Usage: nodemon [nodemon options] [script.js] [args] See "nodemon --help" for more. 이런오류떠요 설치하라고뜻인가요??
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
지도에 있는 마커색을 다 다르게 할려면 어떻게 해야되요?
마커색을 각각 다양하게 하고 싶은데 잘 모르겠어요. 원래는 색깔을 바꾸면 다 빨간색이나 초록색으로 되잖아요. 예를들어, 부산에 있는 마커는 빨간색으로 하고 제주도는 보라색, 서울은 파란색 마커로 표시할려면 어떻게 해야되나요? 지역별로 마커색을 다르게 하고 싶어서요 ㅎㅎ
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
네이버 클라우드 플랫폼 유료인데요??
안녕하세요 어제 시작했는데요 네이버 클라우드 플랫폼 유료인데요??
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
혹시 DB연계 강의 언제쯤 업뎃 예정이신가용?
혹시 DB연계 강의 언제쯤 업뎃 예정이신가용? 답글 보니까 업뎃 예정이라고 답변 하셔서 궁금해요!
- 해결됨코로나맵 개발자와 함께하는 지도서비스 만들기 1
색상 설정시 대문자로 입력하는 이유
안녕하세요. 강의 설명중에 backgroundColor 과 borderColor 을 설정할 때, color 부분을 대문자로 표시해야된다고 말씀하셨는데, 그 이유가 무엇인가요?
- 미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
데이터베이스와 연결이 가능한가요??
안녕하세요!! 강의를 듣다가 궁금한 점이 생겨서 문의를 남깁니다 혹시 data.js 로 저장하는 것 말고 mongodb와 같이 외부 db와 연결시켜서 사용할 수 있을까요??