웹개발자의 기지개

[ html ] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 대표 관광명소 aaaa.jpg 1 bbbb.jpg 2 Colored by Color Scripter cs [ javascript ] 1 2 3 4 5 6 7 8 document.querySelectorAll('.tourist .box').forEach(function (box) { box.addEventListener('click', function () { var boxNum = this.querySelector('.box_num').innerText; alert(boxNum); }); }); Colored by Color..

카카오 지도 API 가 잘 나와 있었다. 하지만 화살표만 꼭 집어서 좌표값을 땡껴 올 수 있는 방안이 찾아보니 없었다. 구글링해봐도 필자와 같이 답답한 마음을 토로하는 개발자 분들 글을 볼 수 있었다. 부족하지만 다른 동료 개발자 분들도 이 소스로 좌표값을 받아서 쉽게 DB에 저장하고 활용할 수 있도록 나름 정리해 보았다. 카카오지도상의 화살표는 Polygon 형태 다각형으로 위의 사진과 같이 그리면 만들 수 있다. Polyline 이라는 선이 있기는한데, 이는 일반 선을 그릴때 쓴다. 위의 이미지를 보면 위쪽 이미지(화살표 그리는 지도) , 아래쪽 이미지(위쪽 지도에 그려진 화살표를 옮겨와서 DB에 저장하는 지도) 로 나뉘는데, 아쉽지만, 화살표를 다각형으로 찍어서 그리면 하나의 다각형만 찍어서 백엔드..

datepicker 가 있다면 이번에는 타임피커를 써보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 $(function() { $("#movie_start_date, #movie_end_date").datepicker({ showMonthAfterYear:true, monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNamesMin:..

팝업 차단되어 있을때, alert 알림메세지가 뜨도록 하는 소스이다. window.open() 하면 무조건 새창이 뜨면서 alert 알림창도 같이 나와서 어려움이 있었다. 일단 top, left 로 최대한 이동시키고, 크기도 1로 최소하면서 작업을 진행했다. 크롬과 Edge 에서 그런대로 잘 동작한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var leftPosition = window.screen.width + 100; var topPosition = 0; // 화면 맨 위에 위치하도록 설정 var newWindow = window.open('', 'win2','width=1, height=1, scrollbars=no, resizable=no,left=' + leftPosit..

팝업창에서 특정한 일을 수행하고, 연이어 새창으로 띄우고 팝업창은 간단히 닫는 Javascript 소스이다. 간단하다.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 현재 위치 지도 표시 #map { height: 400px; width: 100%; } 현재 위치 지도 표시 // 위치 정보를 받아오고 지도에 표시하는 함수 function showMap(position) { // 현재 위치의 위도와 경도 var latitude = position.coords.latitude; var longit..

chart.js:19 Uncaught Error: Canvas is already in use. Chart with ID '2' must be destroyed before the canvas with ID 'myChartIn' can be reused. at new An (chart.js:19:89653) at Object.success (main.asp:1259:6) at j (jquery-1.11.3.min.js:1342:26) at Object.fireWith [as resolveWith] (jquery-1.11.3.min.js:1399:33) at x (jquery-1.11.3.min.js:3977:23) at XMLHttpRequest.b (jquery-1.11.3.min.js:4173:30)..

[App.js] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 import React from 'react'; import './style.css'; function Counter(props1) { console.log(props1); console.log(typeof props1.initValue); // let countState = React.useState(props1.initValue); // state 지정한다. // console.log('countState', countState); //..