JavaScript

[javascript] 엔티티 코드 변환 / entity mapping escape / 특수 문자를 엔티티 코드로 치환

💻 사용법 How to use let escape_name = "A & B"; escape_name = html_escape(escape_name); console.log(escape_name); // 결과 // A & B 🎈 결과 A & B 💻 코드 Code (ES6+) /** * 엔티티 코드 매핑을 위한 변수 * @type {{"`": string, "\"": string, "&": string, "'": string, "": string, "/": string}} */ let entityMap = { '&': '&', '': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=' }; /** * 특수 문자를 엔티티 코드로 변환 한다 * @param s..

[jQuery] 변수 바인딩, SQL의 쿼리 바인딩(Query Binding) 처럼 사용하기 | Variable Query Binding

다양한 프레임 워크에서 쿼리 바인딩을 할 때 콜론(:)을 사용하기 때문에 여기도 사용하였다 변환하려는 키(key)에 앞, 뒤로 하나씩 추가해주면 된다 :key: 자바스크립트는 예전 부터 문자에 변수 넣거나 HTML으로 이루어진 문자열에 변수 넣는 게 썩 맘에 안 들었다. + 기호를 써가며 합치다 보면 코드 가독성이 좋지 않고 IDE 가 아닌 텍스트 에디터를 쓴다면 더욱더 헬게이트.. 그나마 최근엔 변수를 편하게 넣을 수 있는 기능이 생겨 좋지만 Template literals 해당 기능이 생기기 전까지는 마치 많은 프레임 워크에서 지원하는 것처럼 쿼리 바인딩하듯 데이터를 넣고 싶어서 만든 기능이다. 2022.07.07 - [javascript] - [javascript] 변수 바인딩, 문자열 문자에 변수..

[jQuery] 엔티티 코드 변환 / entity mapping escape

💻 사용법 How to use let escape_name = "A & B"; escape_name = html_escape(escape_name); console.log(escape_name); // 결과 // A & B 🎈 결과 A & B 💻 코드 Code (ES6+) /** * 엔티티 코드 매핑을 위한 변수 * @type {{"`": string, "\"": string, "&": string, "'": string, "": string, "/": string}} */ let entityMap = { '&': '&', '': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=' }; /** * 엔티티 코드를 변환 한다 * @param str * @r..

[javascript] 변수 바인딩, 문자열 문자에 변수 넣기, 템플릿 리터럴 / Template literals (Template strings), Variable Binding

💻 기존 방법 + 기호를 사용 한 문자열 합치기를 사용하는 기존의 방법 var binding = 'Legacy Code'; var string = '이 코드는 '+ binding +' 입니다'; console.log(string); // 결과 // 이 코드는 Legacy Code 입니다 🎈 결과 이 코드는 Legacy Code 입니다 💻 코드 Code (ES6+) 사용법 How to use 템플릿 리터럴 (템플릿 문자열) Template literals (template strings) let binding = 'ES6+'; let string = `이 코드는 Template literals 이고 ${binding} 브라우저 에서 지원 합니다`; console.log(string); // 결과 // 이 ..

[javascript] 체크박스 전체 선택 및 해제 / How to check all checkboxes using javascript| sangria.javascript.library

🎈 예제 Example HTML 삽입 미리보기할 수 없는 소스 💻 HTML 전체 a b c 💻 사용법 How to use // checkBoxToggleEvent('전체 선택 선택자', '기본 선택 선택자'); checkBoxToggleEvent('.all_check', '.check_list'); 💻 코드 Code (ES6+) /** * 전체 체크버튼이 활성화 상태에 따른 기본 체크박스 전체 선택 * @param all_selector 전체 체크박스 셀렉터 * @param check_selector 체크박스 셀렉터 */ function checkAllToggle(all_selector, check_selector){ let el_all_check = document.querySelector(all_se..

[jQuery] 체크박스 전체 선택 및 해제 / How to check all checkboxes using jQuery

✔ jQuery 테스트 버전 1.12.4 및 3.5.1 🎈 예제 Example HTML 삽입 미리보기할 수 없는 소스 💻 HTML 전체 a b c 💻 사용법 How to use // checkBoxToggleEvent('전체 선택 선택자', '기본 선택 선택자'); checkBoxToggleEvent('.all_check', '.check_list'); 💻 코드 Code (ES6+) /** * 전체 체크버튼 상태에 따른 기본 체크박스 선택 변경 * @param all_selector 전체 체크박스 셀렉터 * @param check_selector 체크박스 셀렉터 */ function checkAllToggle(all_selector, check_selector){ let el_check_selector ..