웹개발자의 기지개

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); //..

Ubuntu 에서 curl -sL https://deb.nodesource.com/setup_20.x -o nodesource_20_setup.sh bash nodesource_20_setup.sh apt-get install nodejs 형태로 설치할려니 아래와 같은 경고 메세지 발생하였다. 2-1) node source gpg key 설치 sudo apt-get update sudo apt-get install -y ca-certificates curl gnupg sudo mkdir -p /etc/apt/keyrings curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | sudo gpg --dearmor -o /etc/apt/..

.pre-formatted { white-space: pre; } new Vue({ el: '#app', data: { text: 'Hello Vue.\nThis is a line of text.\nAnother line of text.\n' } }) {{ text }} 참고 : https://stackoverflow.com/questions/49264645/vuejs-newline-character-is-not-rendered-correctly