웹개발자의 기지개

https://www.daleseo.com/js-window-fetch/ 자바스크립트의 fetch() 함수로 원격 API 호출하기Engineering Blog by Dale Seowww.daleseo.com  https://velog.io/@eunjin/JavaScript-fetch-%ED%95%A8%EC%88%98-%EC%93%B0%EB%8A%94-%EB%B2%95-fetch-%ED%95%A8%EC%88%98%EB%A1%9C-HTTP-%EC%9A%94%EC%B2%AD%ED%95%98%EB%8A%94-%EB%B2%95 [JavaScript] fetch 함수 쓰는 법, fetch 함수로 HTTP 요청하는 법fetch 함수는 XMLHttpRequest 객체보다 최근에 나온, HTTP 요청 전송 기능을 제공하..

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..