웹개발자의 기지개

12345678910111213141516171819202122232425262728input type="text" id="price1" name="price1" value="" onkeyup="inputNumberFormat(this);">  script>function comma(str) {    str = String(str);    return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');} function uncomma(str) {    str = String(str);    return str.replace(/[^\d]+/g, '');}  function inputNumberFormat(obj) {    obj.value = comma(uncomma(o..

javasript 소스 상으로 간단히 첨부한 이미지를 미리보기 구현해보자. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415..

아주 먼 옛날방식의 카카오톡 공유하기 소스도 있는데, 언제부턴가 소스가 바뀌었다. 키값은 아래의 카카오개발자에서 가져오면된다. 피드방식이다.1234567891011121314151617181920212223242526272829303132333435363738394041424344script src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.2/kakao.min.js"  integrity="sha384-TiCUE00h649CAMonG018J2ujOgDKW/kVWlChEuu4jK2vxfAAD0eZxzCKakxg55G4" crossorigin="anonymous">/script>script>  Kakao.init('키값');    function kakaoShare() {  ..

팁이랄것도 없다.HTML 페이지를 간단히 편하게 프린트하는게 window.open() 만으로도 충분하다. 그런데, 인쇄하기 다음페이지에서 HTML 헤더부가 그대로 나오도록 하고 싶을때는 아래와 같이 HTML 부분을 꼭 표시해두면 깔끔하게 페이지마다 나타난다. 123456789101112131415161718192021222324table style="border-top:solid 1px;">colgroup>    col width="100">    col width="120">    col width="160">    col width="*">/colgroup>thead>tr>    th scope="col">번호/th>    th scope="col">제목/th>    th scope="col">내용..

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849!DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Point Only Chart/title>        script src="https://cdn.jsdelivr.net/npm/chart.js">/script>/head>body>    canvas id="myChart" width="400" height="400">/canvas>     scri..

코딩작업중에 location.href="페이지"; 하고 나서 그 페이지를 로딩하면서 바로 특정함수를 돌리고 싶었다.물론 일반적인 그 페이지를 로딩할때는 그 특정함수가 안떠야 한다는 조건이었다.  123cs 해당 페이지에서 Head 태그내 DOMContentLoaded 이벤트를 돌릴때, 쿼리스트링으로  받은 login 값이 true 일때만 원하는 동작을 수행하도록 하는 것이다. 12345678910111213141516171819!DOCTYPE html>html lang="ko">head>     script>    document.addEventListener("DOMContentLoaded", function() {        const params = new URLSearchParams(window..

[ 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에 저장하는 지도) 로 나뉘는데, 아쉽지만, 화살표를 다각형으로 찍어서 그리면 하나의 다각형만 찍어서 백엔드..