묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Slack 클론 코딩[실시간 채팅 with React]
제로초님
제로초님 안녕 하세요 조금 헷갈리는게 있어서 질문을 남기데 되었습니다. 백엔드 socket을 봤을떄 const io = SocketIO(server, { path: "/socket.io", }); 이 있는데 예전 제로초님 node.js강좌에서 socket.io를 처음에 봤었을때 프론트에서 커넥션을 할때 서버쪽 path와 같아야 해서 path를 같이 보내줬던 기억이 있는데 이번 강좌에서는 sockets[workspace] = io.connect(`${backUrl}/ws-${workspace}`, { transports: ['websocket'], }); path는 생략이 되었더라구여 이부분에서 이제 없어도 되는지 하여 질문을 남기게 되었습니다.
-
미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
질문드립니다 ㅠㅠ
GET http://dapi.kakao.com/v2/maps/sdk.js?appkey=3d10a5fa204e2ceb054436e1ce4e1c2a&libraries=services net::ERR_ABORTED 401 (Unauthorized) 오류가 뜹니다 ㅠㅠ 앱키 플랫폼에 로컬호스트 URL을 넣어봤는데도 정상적으로 카카오API를 불러오질 못하네요 ㅠㅠ 뭐가 문제일까요... 도와주시면 감사하겠습니다!! <!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>myfirstmap</title> <link rel="stylesheet" href="stylesheets/style.css"/> <script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=nk3nty8fz7"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=3d10a5fa204e2ceb054436e1ce4e1c2a&libraries=services"></script> </head> <body> <!--코로나맵 원페이지뷰로 만들기.--> <div id="navbar">myfirstmap</div> <div id="infoBox"> <div id="infoTitle">현재날짜</div> <div id="infoContent">2021.05.09</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) }, }); /* 자바스크립트에서 작은따옴표 큰따옴표와 비슷한 기능, String값 넣을수있음*/ /* 인포안에 넣을 코드 작성*/ var content = `<div class='infowindow_wrap'> <div class='infowindow_title'>${target.title}</div> <div class='infowindow_content'>${target.content}</div> <div class='infowindow_date'>${target.date}</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); } /*클릭이벤트 설정, 클릭했을때 getclickhandler함수가 실행되도록*/ /*즉 클릭하게되면 i번째 마커가 변수에 담기게됨.*/ /*ClickHandler클릭하면 인포윈도우가 열리고 다른 곳 클릭했을때 닫겨야함..*/ /*ClickMap()함수는 인포박스에서 맵을 클릭했을때 자동으로 닫아주는 함수*/ 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 serach_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.maps.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("검색결과가 없습니다.") } } </script> </body> </html>
-
해결됨[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
B타입 레이아웃에서 슬라이드 위치가..
.header-inner 와 .footer-inner가 들어가있는 B타입 레이아웃에서 .slide 에 마지막에 overflow:hidden; 속성을 주면 위치가 어긋나져 버립니다.. 왜 그런걸까요? 혹시 .content-inner 때문에 발생하는건가요?
-
미해결15일간의 빅데이터 파일럿 프로젝트
카프카에서 토픽 생성과 카프카 콘솔 프로듀서 사용 명령어 관련 질문
안녕하세요 토픽 생성을 할 때에 [카프카 토픽] kafka-topics --create --zookeeper .... 이렇게 토픽을 생성하는데요 여기서 질문이 있습니다. 1. 토픽 생성과 주키퍼서버를 지정해주는 것은 어떤 관계가 있는건가요? 주키퍼는 말씀해주신대로 분산시스템을 관리하는 역할로 알고 있습니다. 2. 주키퍼의 포트는 default port가 2181인건가요? 주피커의 포트를 변경시는 것은 클라우데라설정으로 변경 가능한건가요? [카프카 콘솔 프로듀서] 1. 카프카 브로커의 default port가 9092인가요? 여러개의 브로커를 생성하게 되면 port 변경은 클라우데라에서 해야하나요?
-
미해결[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
이미지 값, bounding box 값 min max
안녕하세요~! 선생님, 혼동이 와서 질문을 드립니다. 수업시간에서 이미지를 들고 왔습니다. 이미지에서의 top left가 0부터 시작하고 x도 0으로 xmin, ymin인 것 같은데 bounding box 값에서는 bottom left가 xmin, ymin으로 되는 건가요~? image와 bounding box에서의 min max 위치가 다른 것일까요? bouding box 값을 변경하는 과정(yolo format, coco, pascal 등)에서 헷갈리고 있습니다...ㅠㅠ 실례가 안된다면 annotation의 bounding box값 형태 또는 opencv retangle을 사용하면 변경 과정에 대한 영상도 추가적으로 가능할까요? 추가적으로 안 되도 괜찮습니다~! 찾아보고 더 공부하도록 하겠습니다. 아~! yolo format - class, x center, ycenter, width, height와 coco dataset의 bounding box의 width, height가 이미지의 w와 h가 아닌 bbox의 w,h 값이라고 생각했는데 서로 다른 것일까요??
-
미해결[개정판] 파이썬 머신러닝 완벽 가이드
사이킷런으로 수행하는 타이타닉 생존자 예측 강의 질문입니다
9분경에, sns.plot 만드는데, 막대기 위에 조그맣게 검정색 선?이 있는데 이건 무엇인가요?
-
미해결[딥러닝 전문가 과정 DL1231] Backpropagation과 야코비안 행렬
18분에서 시그마라
http://snpy.in/nMMdqR 여기 하단수식의 가로로 되어 있는 부분은 시그마인거는 이해를 했는데, 첫번째 term이 왜 시그마가 되는지 이해를 못하겠습니다.
-
미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
css 연결이 안됩니다.
<link rel="stylesheet" href="../public/stylesheets/style.css" type="text/stylesheet"> 연결이 안됩니다.
-
미해결Slack 클론 코딩[실시간 채팅 with React]
제로초님~
제로초님 백엔드는 언제쯤 출시 예정인 가요?!
-
미해결스프링 시큐리티
그럼 SecurityContext가 저장되는 곳은 총 3곳인건가요?
처음에 Authentication객체를 SecurityContext에 담아서 보관한다는것 까지능 이해했습니다. 그럼 SecurityContext가 저장되는 곳이 1. ThreadLocal 2. HttpSession 3. SecurityContextHolder 총 3개의 공간에 저장되는 건가요? 그리고 이 공간은 각각 독립된 공간인건가요? 아니면 ThreadLocal안에 SecurityContextHolder가 포함되고 HttpSession은 따로 저장되는 구조인건가요? 궁금합니다.
-
미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
네이버 지도 api 서비스 종료
네이버 지도 api 서비스가 종료 되었습니다. 그럼 저는 못하는건가요?
-
미해결CSS에 날개를 달아주는 Sass (SCSS)
watch sass 를 클릭해도
css 파일이 생기질 않습니ㅐ다
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
before after 가상클래스 활용한 실전 퍼블리싱 04 질문입니다
17분에서 들어보면 위아래 패딩값을 둘다 10를 줬는데도 불구하고 아래패딩이 더 주어져서 아래 패딩값을 따로 뺐는데요. 여기서 보면 인라인 블럭을 했기 때문에 안맞아서 그렇다고 설명하셨습니다. 여기서 이해가 안가서 그러는데 좀 자세히 설명해주실 수 있을까요?. .gnb a {margin:0;paddin:0}을 해도 처리가 안먹히네요. 왜 안맞는건지 잘 모르겠습니다.
-
미해결Vue로 Nodebird SNS 만들기
axios 질문
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. @nuxtjs/axios 설정 옵션을 검색하다가 nuxt.conifg.json 에서 baseURL 과 browserBaseURl 이렇게 2개가 있더라고요 baseURL 는 to make sever side requests , browserBaseURl 는 to make client side requests 라고 되어있는데 server side req 와 client side req 의 차이를 알고 싶습니다.. 강의 중 짧게 설명하셨는데 정확하게 알고 싶어서요
-
미해결[개정판] 파이썬 머신러닝 완벽 가이드
PolynomialFeatures degree에 대해 질문드립니다.
안녕하세요 교수님 강의 잘듣고 있습니다 :) 다름이 아니라 degree가 overfitting를 유발시킬수있다고 마지막에 말씀해주셨는데, 최적의 degree를 구하기 위해서는 for문을 통해 찾을 수 있는건가요? 아니면 GridSearchCV를 통해서 구해야하는 건가요? 항상 감사드립니다:)
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
format 명령어
print ('one' , 'two') 로 입력해도 같은 결과를 출력할 수 있지만 format 명령어를 사용하는데 는 이유가 있을 텐데 이와 관련된 설명이 없어서 궁금합니다.
-
미해결시스템엔지니어가 알려주는 리눅스 실전편 Bash Shell Script
vagrant up VM설치가 안되네요^^
C:\Users\admin\VWS_vagrant_script> vagrant up Bringing machine 'cent1' up with 'virtualbox' provider... Bringing machine 'cent2' up with 'virtualbox' provider... Bringing machine 'cent3' up with 'virtualbox' provider... ==> cent1: Box 'centos/8' could not be found. Attempting to find and install... cent1: Box Provider: virtualbox cent1: Box Version: >= 0 ==> cent1: Loading metadata for box 'centos/8' cent1: URL: https://vagrantcloud.com/centos/8 ==> cent1: Adding box 'centos/8' (v2011.0) for provider: virtualbox cent1: Downloading: https://vagrantcloud.com/centos/boxes/8/versions/2011.0/providers/virtualbox.box Download redirected to host: cloud.centos.org cent1: cent1: Calculating and comparing box checksum... ==> cent1: Successfully added box 'centos/8' (v2011.0) for 'virtualbox'! ==> cent1: Preparing master VM for linked clones... cent1: This is a one time operation. Once the master VM is prepared, cent1: it will be used as a base for linked clones, making the creation cent1: of new VMs take milliseconds on a modern system. ==> cent1: Importing base box 'centos/8'... ==> cent1: Cloning VM... ==> cent1: Matching MAC address for NAT networking... ==> cent1: Checking if box 'centos/8' version '2011.0' is up to date... ==> cent1: Setting the name of the VM: cent1 ==> cent1: Clearing any previously set network interfaces... ==> cent1: Preparing network interfaces based on configuration... cent1: Adapter 1: nat cent1: Adapter 2: hostonly cent1: Adapter 3: hostonly ==> cent1: Forwarding ports... cent1: 22 (guest) => 2222 (host) (adapter 1) ==> cent1: Running 'pre-boot' VM customizations... ==> cent1: Booting VM... ==> cent1: Waiting for machine to boot. This may take a few minutes... cent1: SSH address: 127.0.0.1:2222 cent1: SSH username: vagrant cent1: SSH auth method: private key Timed out while waiting for the machine to boot. This means that Vagrant was unable to communicate with the guest machine within the configured ("config.vm.boot_timeout" value) time period. If you look above, you should be able to see the error(s) that Vagrant had when attempting to connect to the machine. These errors are usually good hints as to what may be wrong. If you're using a custom box, make sure that networking is properly working and you're able to connect to the machine. It is a common problem that networking isn't setup properly in these boxes. Verify that authentication configurations are also setup properly, as well. If the box appears to be booting properly, you may want to increase the timeout ("config.vm.boot_timeout") value. 머신으로 접속이 안되는거 같은데 해결법을 모르겠네요 ㅎ 일단 질문 올리고 다시 찾아보러갑니다...
-
미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
vuex에 관한 질문입니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 현재 JS 그리고 Vue 실습 강좌를 수강 완료하고 다음 트렐로 강의를 막 수강 시작한 상태입니다. 현재까지 완료한 프로젝트에서 vuex와 localstorage를 활용하고 싶은데 궁금한 점이 있어 질문 드립니다. 추천 검색어와 검색 기록 부분은 localstorage에 넣고 그리고 vuex를 활용하여 컴포넌트 간 데이터 전달보다 관리를 쉽게 하기 위해 그리고 vuex라는 것을 연습해보기 위해 사용하고 싶습니다. 이러한 경우에는 설계(?)를 어떻게 해야할지 감이 안 와서 질문 드립니다. App.vue에 있는 추천 검색어와 최근 검색어 부분을 담고 있는 데이터들을 제외한 data 변수를 모두 vuex에 넣어주고 this.$store.state.~~ 형식으로 주고받으면 되는 것인가요? 어떻게 vuex를 활용을 하고 실무에서는 어떤 변수들을 위주로 vuex를 이용하여 활용하는지 알려주시면 감사하겠습니다. 항상 감사합니다. 많은 도움이 됐습니다.
-
미해결공공데이터로 파이썬 데이터 분석 시작하기
matplolib.pyplot 의 plt.rc("font", family="폰트") 관련하여
안녕하세요 강사님. 제가 윈도우 유저라서, 강사님께서 알려주신대로 Malgun Gothic 을 사용해서 원하는 결과값을 얻었습니다. 여기서 추가되는 질문이, 해당 폰트 말고 다른 폰트로 입력하려 하는데 이 입력값은 어떻게 알 수 있을까요? 예컨대 맑은 고딕이 한글로 "맑은 고딕"이 아닌, "Malgun Gothic" 이라는 것을 어떻게 알 수 있는 것일까요? C:/Windows/Fonts 에서 폰트 파일들을 확인해도 파일명은 한글로 나와있어서, 구체적으로 어떻게 입력하면 좋을지 알고 싶습니다!
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
코딩테스트 실전 모의고사(with C++) : 대기업 대비 강의 에대해 질문이 있어요!
안녕하세요~ 선생님 강의 너무너무 잘듣고 너무 많이 배워서 감사합니다! 이후에 조금 더 어려운 알고리즘이나 문제풀이를 배우고 싶은데 선생님께서 올려주신 코딩테스트 실전 모의고사(with C++) : 대기업 대비 강의를 들으면서 제가 따로 vscode를 통해 자바스크립트로 학습하는데 무리가 있을까요? 언어의 차이가 많이 큰지 궁금합니다.
