본문 바로가기

javascript18

[Javascript] map 함수 활용하기 map() 함수는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. let firstArr = [1, 5, 9, 12]; let changearr = firstArr.map(function(e){ if(e < 10) e = e+2; else e = e+1; return e; }); //결과는 [ 3, 7, 11, 13] 2020. 12. 9.
[KakaoMapAPI] 좌표로 주소 알아내기 구글에도 GeocodingAPI가 있지만 현재 카카오맵API를 사용하고 있으므로, 카카오맵API기준으로 진행 해보려고 한다. 해당 페이지의 개발자 도구를 확인해보면 콘솔 데이터를 확인할 수 있다. result는 array이며 object로 address와 road_address가 있는데 address는 지번주소, road_address는 도로명 주소이다. address_name에 전체 주소의 데이터가 있으며 depth별로 도, 시, 동 ...등 으로 나누어져있다. 필요한 데이터를 파싱하여 사용하면 될 것 같다! 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 3.
[KakaoMapAPI] 커스텀오버레이 표시 및 클릭 시 원을 그리는 이벤트 구성 DB에 있는 GPS정보를 순서로 표시해야 할 일이 있어서 커스텀오버레이를 찾아 보게 됬다. 이번에는 마커를 그리는게 아닌 커스텀오버레이를 사용해서 GPS의 순번을 매겨 보도록 하겠다. 그리고 커스텀오버레이를 클릭 시 30, 60 , 90 , 120, 150m의 원을 그려 볼 것이다. HTML JAVASCRIPT HTML + JAVASCRIPT FULL CODE 카카오맵API에서 제공하는 포맷에만 맞게 데이터를 만들면 되기때문에 본인의 Server에서 받은 데이터를 기반으로 포맷을 맞추면 될 것 같다. 예제를 바탕으로 커스터마이징하면 동적으로 생성도 가능하다. 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 3.
[KakaoMapAPI] 지도에 마커 생성하기 지도에 마커를 하나 생성하는 기본적인 예제이다. 정말 기본적인 예제라 금방 따라 할 수 있다! 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 3.
[KakaoMapAPI] 웹 페이지에 지도 표시하기 지도를 표시하는 가장 기본적인 예제이다. HTML + JAVASCRIPT로 구성할 수 있다. test.html 아주 간단하게 지도를 그릴 수 있다. 아래는 확대 레벨별 지도다. 레벨 값이 커질 수록 지도가 축소되어 지는 걸 확인 할 수 있다. 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 3.
[NodeJS] TCP Socket Server 구성하기 TCP Node.js에서 제공되는 스트림 소켓을 사용하며 연결형 소켓이다. 연결형 소켓이므로 신뢰성이 보장되며 세션 관리가 중요하다. event close : 서버가 닫힌후에 이벤트 발생 connection : 새로운 연결이 만들어지면 이벤트 발생 error : 에러 발생 시 이벤트 발생, 'close'이벤트는 이 이벤트가 발생한 후 직접 호출 listening : server.listen() 함수 호출 후 bind되었을때 이벤트 발생 end : 클라이언트 소켓 세션이 끊어졌을때(FIN Packet을 받았을 때) 이벤트 발생 data : 클라이언트 소켓으로부터 데이터를 수신받았을 때 이벤트 발생 timeout : 소켓 세션이 비활성화 되었을 때 시간 초과될때 발생되는 이벤트 //TCP const net .. 2020. 12. 1.