본문 바로가기

Programming/Javascript

Programming/Javascript 2023. 2. 24. [정규표현식]숫자를 감싸고 있는 대괄호([1])에서 숫자만 삭제하기
Programming/Javascript 2023. 2. 8. [jQuery]Datepicker 복사(clone)했을 때 작동 안 하는 경우 clone()을 사용한다는 가정 하에 나름(?) 있을 법한 모양을 잡았습니다. line 10 복사하기 전 원본에서 실행을 위함이니 반드시 있어야 합니다. line 14 여기가 핵심입니다. datepicker를 실행해 보면 항상 class에 hasDatepicker가 생기고 id에 랜덤하게 어떤 값들이 들어갑니다. 이걸 초기화시키고 다시 datepicker가 실행되도록 하면 정상적으로 작동합니다. 물론 처음 실행할 때의 옵션들은 전부 똑같이 넣어야 합니다.
Programming/Javascript 2022. 10. 18. 주소로 경도, 위도 갖고 오기 $(function() { $("#getAddress").on("click", function() { new daum.Postcode({ oncomplete: function(data) { $("#address").val(data.address); const geocoder = new kakao.maps.services.Geocoder(); geocoder.addressSearch(data.address, (result, status) => { if(status == "OK") { $("#lng").val(result[0].x); $("#lat").val(result[0].y); } }); } }).open(); }); }); 이 작업을 하려면 위 두 가지가 필요합니다. 첫 번째는 많이 보셨을 다음 우편..
Programming/Javascript 2022. 1. 27. Uncaught SyntaxError: Cannot use import statement outside a module Firefox : Uncaught SyntaxError: import declarations may only appear at top level of a module Chrome : Uncaught SyntaxError: Cannot use import statement outside a module 파이어폭스랑 크롬에서 나오는 에러 메시지가 좀 다릅니다. 이런 식으로 type="module"을 추가하시면 됩니다. 혹은 package.json 파일이 루트 경로에 있다면 "type": "module"을 추가해 주면 됩니다. 디폴트가 common.js라서 그렇다고 하니 import, export를 사용할 게 아니라면 굳이 변경 안 하셔도 됩니다. 참고로 모듈 같은 경우 프로토콜이 http, https여야만 ..
Programming/Javascript 2022. 1. 26. Vue.js is detected on this page. Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author. Vue devtools를 사용해서 브라우저에서 확인해 보려고 하면 저런 메시지가 뜹니다. 아래 링크를 가 보면 Vue.js 멤버라는 사람이 댓글을 달았네요(thumbs down이... -_-). https://github.com/vuejs/devtools/issues/190#issuecomment-415567488 Vue.js is detected on this page. Devtools inspection is not available because it'..
Programming/Javascript 2021. 12. 8. [jQuery]이미지 첨부 시 미리 보기 $("#file").on("change", function(e) { var tmp = e.target.files[0]; var img = URL.createObjectURL(tmp); $("#image").attr("src", img); }); 대충 이런 식으로 하면 됩니다. [sample]
Programming/Javascript 2021. 12. 2. [jQuery]datepicker에서 여러 날짜 선택할 수 있게 jQuery UI에서 제공하는 datepicker에서는 기본적으로 날짜를 하나씩 선택하게 되어 있습니다. 간혹 여러 개의 날짜를 선택해야 할 때는 다른 플러그인을 써야 합니다. bootstrap에서 제공하는 datepicker가 있지만 css 문제 때문에 쓰기가 좀 꺼려지더라구요. 그래서 찾은 게 MultiDatesPicker입니다. css도 기존에 작업해 둔 것과 부딪히지지도 않고 해서 이걸 썼는데 세상에나 datepicker 레이어가 뜬 상태에서 날짜를 선택하면 깜빡임이 있네요. github 가서 검색을 해 보니 이 링크가 있네요. 이걸 $(".date").multiDatesPicker() 호출 전에 써 주면 됩니다. $(function() { $.datepicker._selectDateOverloa..
Programming/Javascript 2021. 11. 19. url, query string 모듈 const url = require("url"); const querystring = require("querystring"); const parsed = url.parse("https://nyaongnyaong.com/40?category=833145"); console.log(parsed); console.log(querystring.parse(parsed.query)); console.log(parsed); => { protocol: 'https:', slashes: true, auth: null, host: 'nyaongnyaong.com', port: null, hostname: 'nyaongnyaong.com', hash: null, search: '?category=833145', query..
Programming/Javascript 2021. 11. 19. Hello World! const http = require("http"); const port = 3000; http.createServer((request, response) => { response.writeHead(200, { "Content-Type": "text/html" }); response.end("Hello World!"); }).listen(port, () => console.log(`Server running at http://localhost:${port}`));

티스토리툴바