개발자의 끄적끄적

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

[javascript/jquery] selectbox get seleted text / 셀렉트박스에서 선택된 옵션의 텍스트 가져오기 jquery 에서 selectbox 를 사용하다보면 선택된 값의 글자를 확인해야 하는 경우가 있습니다. 그럴때는 아래와 같이 사용하시면 됩니다! $("#TARGET_ID option:selected").text(); 위 내용 보시면 아시겠지만 #ID option:selected 라는 내용은 selectbox 의 아이디의 옵션들중 selected 즉, 선택된 항목을 가리키는 겁니다. 그것의 text를 가져온다는 내용입니다! TARGET_ID 에 적용하시고자 하는 select 태그의 아이디를 넣어주시고, 테스트해보시면 됩니다! 참고들 하세요!

[javascript/jquery] free javascript & jquery library site / 무료 자바스크립트 라이브러리 모음 사이트 [링크] 웹 사이트를 개발하다보면 javascript / jquery 는 무조건 사용하는데요 이때 라이브러리는 잘 활용하는 것도 중요한 요소라고 생각됩니다! 그래서 무료 javascript / jquery 라이브러리&플러그인을 잘 정리해둔 사이트가 있어서 공유하고자 합니다! 들어가셔서 한번씩 둘러보시면 도움이 되실듯 합니다! 참고들 하세요! javascript / jquery library & plugin site link : mellonia-lab.tistory.com/29