JavaScript
-
JQuery 를 이용하여 Radio Button Check 설정 HTML(Radio Button) TEST1 TEST2 Radio Button 선택 $("input:radio[name='Radio Name 이름'][value='Radio Button Check할 Value 값']").prop("checked", true); //예시 $("input:radio[name='test_radio'][value='value1']").prop("checked", true); Radio Button Check 값 가져오기 $("input:radio[name='Radio Name 이름']:checked").val(); //예시 $("input:radio[name='test_radio']:checked").val(); ..
[JQuery] Radio Button Checked 설정JQuery 를 이용하여 Radio Button Check 설정 HTML(Radio Button) TEST1 TEST2 Radio Button 선택 $("input:radio[name='Radio Name 이름'][value='Radio Button Check할 Value 값']").prop("checked", true); //예시 $("input:radio[name='test_radio'][value='value1']").prop("checked", true); Radio Button Check 값 가져오기 $("input:radio[name='Radio Name 이름']:checked").val(); //예시 $("input:radio[name='test_radio']:checked").val(); ..
2022.12.13 -
jquery 에서 보이는 jquery.fn 과 $.fn 이 있다. 쉽게 말하면 위 두개는 같은 의미를 말하며 jquery 의 프로토타입을 말한다. 자바스크립트는 프로토타입 기반 언어라고 불린다. 객체지향언어 즉, Java에서 사용하는 Class라는 개념과 비슷하지만 자바스크립트에서는 Class라는게 없습니다. 그래서 사용하는게 프로토타입입니다. 클래스가 없으니 상속기능도 없지만 프로토타입을 사용하여 상속이라는걸 흉내내도록 구현해 사용한다. 쉽게 말해 매번 객체를 생성하지 않고 1개의 객체를 생성해 공유할 수 있는 공간에 넣어놓고 사용하기 위해 프로토타입을 사용한다. 어떠한 특정한 기능을 하는 함수도 넣어놔 공유공간에서 호출해 사용할 수 있다. 정확한 내용은 아래 글 확인해주세요 https://okimar..
jquery.fn 과 $.fnjquery 에서 보이는 jquery.fn 과 $.fn 이 있다. 쉽게 말하면 위 두개는 같은 의미를 말하며 jquery 의 프로토타입을 말한다. 자바스크립트는 프로토타입 기반 언어라고 불린다. 객체지향언어 즉, Java에서 사용하는 Class라는 개념과 비슷하지만 자바스크립트에서는 Class라는게 없습니다. 그래서 사용하는게 프로토타입입니다. 클래스가 없으니 상속기능도 없지만 프로토타입을 사용하여 상속이라는걸 흉내내도록 구현해 사용한다. 쉽게 말해 매번 객체를 생성하지 않고 1개의 객체를 생성해 공유할 수 있는 공간에 넣어놓고 사용하기 위해 프로토타입을 사용한다. 어떠한 특정한 기능을 하는 함수도 넣어놔 공유공간에서 호출해 사용할 수 있다. 정확한 내용은 아래 글 확인해주세요 https://okimar..
2022.12.06 -
참고 : https://datatables.net/extensions/datetime/examples/integration/datatables.html DataTables 에 일반 검색이 아닌 날짜 range 로 검색해야할때 사용하는 방법이다. 또한 input type="date" 에 날짜 라이브러리인 datepicker 를 사용했다. $(document).ready(function(){}) 위 쪽에 아래와 같이 작성한다. $.fn.dataTable.ext.search.push() https://datatables.net/manual/plug-ins/search#Plug-in-structure 위 DataTables Document 를 확인해보면 DataTables 에서 제공해주는 검색을 위한 API라고..
[DataTables] 날짜 검색 커스텀 필터 적용(datepicker 사용)참고 : https://datatables.net/extensions/datetime/examples/integration/datatables.html DataTables 에 일반 검색이 아닌 날짜 range 로 검색해야할때 사용하는 방법이다. 또한 input type="date" 에 날짜 라이브러리인 datepicker 를 사용했다. $(document).ready(function(){}) 위 쪽에 아래와 같이 작성한다. $.fn.dataTable.ext.search.push() https://datatables.net/manual/plug-ins/search#Plug-in-structure 위 DataTables Document 를 확인해보면 DataTables 에서 제공해주는 검색을 위한 API라고..
2022.12.05 -
Javascript 에서 함수를 생성하고 해당 함수를 괄호 없이 호출할때가 있다. 함수를 호출할 때 괄호가 있을때와 없을때의 차이점을 알아보자 아래와 같은 예시가 있다. a 라는 함수에 console.log 를 찍는 함수인데 괄호 없이 a 함수를 호출했을 때는 함수 그 자체를 보여준다. 하지만 a(); 처럼 괄호를 붙일 경우 함수 내부에 선언된 console.log 가 정상적으로 찍힌다. 이유는 함수에 () 괄호가 붙을 경우 자바스크립트 함수를 즉시 호출한다. 하지만 함수에 () 괄호가 없을 경우 함수의 주소를 뜻한다. 추가로 아래 예시도 확인하자. setInterval() 을 통해 1초마다 함수를 호출하는 구문이다. 1초마다 a라는 함수를 괄호없이 잘 호출하는걸 볼 수 있다. setInterval() ..
Javascript 함수(function)에 괄호 () 여부Javascript 에서 함수를 생성하고 해당 함수를 괄호 없이 호출할때가 있다. 함수를 호출할 때 괄호가 있을때와 없을때의 차이점을 알아보자 아래와 같은 예시가 있다. a 라는 함수에 console.log 를 찍는 함수인데 괄호 없이 a 함수를 호출했을 때는 함수 그 자체를 보여준다. 하지만 a(); 처럼 괄호를 붙일 경우 함수 내부에 선언된 console.log 가 정상적으로 찍힌다. 이유는 함수에 () 괄호가 붙을 경우 자바스크립트 함수를 즉시 호출한다. 하지만 함수에 () 괄호가 없을 경우 함수의 주소를 뜻한다. 추가로 아래 예시도 확인하자. setInterval() 을 통해 1초마다 함수를 호출하는 구문이다. 1초마다 a라는 함수를 괄호없이 잘 호출하는걸 볼 수 있다. setInterval() ..
2022.10.12 -
window.location window.location은 read-only 속성을 가졌으며, document의 현재 location 정보를 담은 Location 객체를 리턴해준다. Location properties [ Location.ancestorOrigins ] : 주어진 Location 객체와 연관된 document의 모든 조상 browsing context들이 역순으로 담긴 static한 DOMStringList이다. [ Location.href ]: 전체 URL을 담고있는 USVString을 리턴하는 stringifier이다. 값이 바뀌면 연관된 document는 새로운 페이지로 이동한다. [ Location.protocol ] : URL의 프로토콜 스키마를 담고 있는 USVString]이다..
location.href, location.assign, location.replacewindow.location window.location은 read-only 속성을 가졌으며, document의 현재 location 정보를 담은 Location 객체를 리턴해준다. Location properties [ Location.ancestorOrigins ] : 주어진 Location 객체와 연관된 document의 모든 조상 browsing context들이 역순으로 담긴 static한 DOMStringList이다. [ Location.href ]: 전체 URL을 담고있는 USVString을 리턴하는 stringifier이다. 값이 바뀌면 연관된 document는 새로운 페이지로 이동한다. [ Location.protocol ] : URL의 프로토콜 스키마를 담고 있는 USVString]이다..
2022.09.15 -
인코딩(Encoding) 정보의 형태나 형식을 표준화, 보안, 처리 속도 향상, 저장 공간 절약 등을 위해서 다른 형태나 형식으로 변환하는 처리 또는 그 처리 방식을 얘기한다. Base64 인코딩 64진법 데이터로 바이너리 데이터(이미지, 실행파일) 등 문자 코드에 영향을 받지 않는 공통 ASCII 영역의 문자들로만 이루어진 일련의 문자열로 바꾸는 인코딩 방식 Base64 인코딩을 사용하는 이유는 통신과정에서 바이너리 데이터의 손실을 막기 위해 사용됩니다. 그래서 바이너리 데이터를 Character set에 영향을 받지 않는 공통 ASCII 영역의 문자로만 이루어진 문자열로 바꾼다. Javascript Base64 인코딩 방법- btoa() : 인코딩- atob() : 디코딩 btoa() javascri..
Base64 인코딩(btoa(), atob())인코딩(Encoding) 정보의 형태나 형식을 표준화, 보안, 처리 속도 향상, 저장 공간 절약 등을 위해서 다른 형태나 형식으로 변환하는 처리 또는 그 처리 방식을 얘기한다. Base64 인코딩 64진법 데이터로 바이너리 데이터(이미지, 실행파일) 등 문자 코드에 영향을 받지 않는 공통 ASCII 영역의 문자들로만 이루어진 일련의 문자열로 바꾸는 인코딩 방식 Base64 인코딩을 사용하는 이유는 통신과정에서 바이너리 데이터의 손실을 막기 위해 사용됩니다. 그래서 바이너리 데이터를 Character set에 영향을 받지 않는 공통 ASCII 영역의 문자로만 이루어진 문자열로 바꾼다. Javascript Base64 인코딩 방법- btoa() : 인코딩- atob() : 디코딩 btoa() javascri..
2022.09.08