개발자의 끄적끄적

[javascript/jquery] javascript localStorage set,get example / 자바스크립트 로컬스토리지 데이터 저장, 호출 방법 javascript 에서 쿠키와 비슷하게 localStorage 라는 것을 사용하는 경우가 있습니다. 똑같이 특정데이터를 저장해서 꺼내다 쓰기 위한 용도로 이해하시면 될듯합니다! localStorage 에 값을 세팅하고 꺼내다 쓰는 방법을 공유하고자 합니다! 우선 아래와 같이 title 이라는 변수에 abc 라는 값을 세팅하고 localStorage.setItem("title", "abc"); title 의 값을 꺼내다 쓰고 싶으면 아래와 같이 getItem("title") 를 사용하시면 됩니다. localStorage.getItem("title..

[javascript/jquery] javascript cookie set example / 자바스크립트 쿠키 값 설정 방법 javascript 에서 cookie 에 특정값을 세팅해야 하는 경우가 있습니다. 그럴때는 아래와 같이 document.cookie 를 이용하시면 됩니다. document.cookie = "name=abc"; 위 내용보시면 아시겠지만, 쿠키에 name 라는 변수에 abc 라는 값을 세팅하는 내용입니다! 참고들 하세요!

[javascript/jquery] javascript image preview example / 자바스크립트 이미지 미리보기 예제 javascript 에서 서버에 이미지를 업로드 하기 전에 미리보기를 구현하고 싶은 경우가 있습니다! 그럴때는 아래와 같이 FileReader 를 이용하시면 됩니다. 우선 아래와 같이 input 태그과 img 태그가 있다고 가정하고, 아래 스크립트를 그대로 붙여서 구현하시면 됩니다. function prev_img(input) { if(input.files && input.files[0]) { const reader = new FileReader() reader.onload = e => { const previewImage = document.getElementById("i..

[javascript/jquery] jquery datatable get total records count example / jquery datatable 전체 레코드수 가져오기 jquery datatable 을 사용하다보면 특정영역에 전체 레코드 수를 표시해야 하는 경우가 있습니다. 그냥 짜여진 테이블은 데이터베이스를 조회할때 처리를 하면 되지만 jquery datatable 는 내부의 값을 찾아서 표시해야합니다. 우선 아래와 같이 dataTable 라는 아이디를 가진 datatable 형식으로 표기되고 있는 테이블을 table 라는 변수에 담고 var table = $('#dataTable').DataTable(); 위에서 담은 table 라는 변수의 값들중 page.info().recordsTot..

[javascript/jquery] javascript forEach example / 자바스크립트 forEach 사용법 및 예제 javascript 에서 반복문을 작성할때 for 문을 사용합니다. 하지만 경우에 따라서는 아래와 같이 forEach 문을 사용하기도 합니다! var aa = ['a','b','c']; aa.forEach(function(val) { console.log(val); }) 위처럼 a,b,c 라는 문자가 각각 들어가있는 aa 라는 배열이 있다고 가정하고. forEach 를 이용해서 돌려주고 각인덱스의 값을 val 이라고 가정하고 출력하면 결과는 아래와 같이 나옵니다! a b c 참고들 하세요!

[javascript/jquery] 자바크스립트로 파라미터 넘기고 받기 / javascript send parameter example js 파일을 페이지에서 로드할때 특정 변수에 값을 주어 구분을 하고 싶은 경우가 있습니다. aaa.js?abc=1 이런식으로 query string 을 넘겨서 js 파일내에서 받아서 처리해야 할때에는 아래처럼 사용하시면 됩니다! var chkParam = function() { var script = document.getElementById('id_script'); //var script = scripts.item(scripts.length - 1); var match = script.src.match(/\?(.+)$/); var get = match[1]; var p..

[javascript/jquery] jquery url check example / jquery 현재 url 알아내는 방법 jquery 로 현재 url 정보를 알아내는 방법입니다. $(location).attr 을 이용하는 방법입니다! 아래는 기본 사용법입니다. $(location).attr("href"); 위 내용을 console.log 로 출력해보면 현재 접속중이 url 전체가 출력될껍니다. 그밖의 다른 정보나 url 정보중 필요한 내용만 확인하고 싶으시면 attr("href") 대신 아래 옵션들을 사용해서 출력하시면 됩니다! protocol host pathname search $(location).attr("protocol") 과 같은 방식으로 사용하시면 됩니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 현재 url 확인하는 방법 javascript 에서 현재 url 을 확인하고 싶을때 아래와 같이 window.location.href 를 사용합니다. window.location.href; 하지만 위처럼 href 를 사용하지 않고 도메인과 경로를 끊어서 가져오는 방법도 있습니다. 바로 아래처럼 protocol / host / pathname 를 이용하면 전체 url 을 가져올 수 있습니다. var url = window.location.protocol + "//" + window.location.host + window.location.pathname; 위 url 이라는 변수를 아래와 같이 출력하면 결과를 확인하실 수 있습니다. console.log(url..