특별한 일상

안녕하세요. 소다맛사탕 입니다. javaScript에서 특정 변수에 포함된 값을 찾기위해 == 이나 indexOf 방식이 아닌 includes() 자주 사용했는데요. Java에서도 이와 비슷하게 사용하기 위해 특정 메서드를 구현해 보았습니다. javaScript includes와 같은 기능을 사용하기 위한 정적 메서드 구현 // 재정의 public static usedItems useItemFlag(String test) { return new usedItems(test); } public static class usedItems {// static class 정의 private String value; public usedItems(String value) { // 기본 생성자 this.value = ..

안녕하세요. 소다맛사탕 입니다. 오늘은 평소에 사용하려고 하면 이상하게 헷갈리고 정리가 되지 않은 jQuery 속성 선택자와 필터 선택자에 대해 알아보겠습니다. jQuery 메서드의 가장 기본 형태 $(선택자).메서드 1. 속성 선택자 기본 선택자 뒤에 붙여서 사용; $(선택자 형태).메서드; 선택자 형태 Description 요소[속성=값] 속성과 값이 같은 문서 객체 선택. 요소[속성|=값] 속성 안의 값이 특정 값과 같은 문서 객체를 선택. 요소[속성~=값] 속성 안의 값이 특정 값을 단어로 시작하는 문서 객체를 선택. 요소[속성^=값] 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택. 요소[속성$=값] 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택 요소[속성*=값] 속성 안의 값이 ..

안녕하세요. 소다맛사탕 입니다. 지난번 포스팅 이었던 '[JavaScript] 체크박스 전체 선택/해제'에 이어서 오늘은 체크박스 선택/해제 하는 여러가지 모음을 준비해 봤습니다. JavaScript $(function()({ // 해당 전체 체크박스 선택/해제 $("input[name=chkAll]").click(function(){ fncChkedAll(); }); // 체크박스 일부 해제 및 전체선택 조건 $("input[name=chkVal]").click(function(){ fncChkedVal(); }); // 짝수/홀수 선택 fncNthChild(); // 특정 동일 값 선택 fncChkGetValue(); // 모든 체크박스 해제 $("input[name=allNonChk]").click..

안녕하세요. 소다맛사탕 입니다. 오늘은 기본적인 자바스크립트 이벤트 인터페이스 중 return과 같은 역할을 하는 preventDefault() 메서드와 stopPropagation() 메서드를 알아보겠습니다. 1. event.preventDefault(); 어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 브라우저의 기본 동작을 실행하지 않도록 지정. 사용법 HTML과 JavaScript를 활용해서 간단하게 테스트 결과를 명시하겠습니다. 이동테스트 체크테스트 $("#urlConnect").click(function(){ console.log(event); // 이벤트 기본동작 실행 막기 // url 이동 막기 event.preventDefault(); }); $("input[name=c..

안녕하세요. 소다맛사탕 입니다. 오늘은 자바스크립트에서 변수의 값을 형변환 할 때 자주 쓰는 parseInt와 Number의 차이점과 사용법을 알아보려고 합니다. parseInt와 Number는 문자열을 숫자로 바꿔주는 역할을 합니다. 1. parseInt() 문자열 인자를 파싱해서 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환. const txtVal = '가나다'; const numVal = 123; const numVal2 = '123'; const emptyVal = ''; let emptyVal2; const mixVal = 'abc123'; const negativeVal = -123; console.log("parseInt(텍스트) : "+ parseInt(txtVal)); ..

안녕하세요. 소다맛사탕 입니다. 코딩 알고리즘을 짜거나 프로젝트를 진행 하다보면 참 많이 '반복문', '배열'을 쓰곤 합니다. 특히 자바스크립트에서 반복되는 객체를 찾아서 합치거나 중복을 제거하는 경우가 많습니다. 제가 최근에 썼거나 작성해보니까 괜찮다하는 코드중 중복 객체를 배열에 담아 합치는 것을 구현해 보았습니다. 사이에 항상 최신의 jQuery를 사용할 수 있게 선언하고, HTML에 반복되는 문서 객체나 특정 Index가 반복되는게 있다 치면... 1. 중복제거 $(document).ready(function(){ fncDelDuplication(); }); function fncDelDuplication(){ var arr = [{"index" : 1, "text" : 1}, {"index" :..

안녕하세요. 소다맛사탕 입니다. 지난 포스팅에서는 String 으로 변환된 객체가 자바 서블릿으로 넘어갈 때 특수문자가 치환 되는것을 방지하는 것에 대해 알아보았는데요. 지난 포스팅 '[JAVA] HTML, MVC, Servlet 환경에서 특수문자 치환( &a...' 이번 포스팅에서는 javascript의 인코딩 디코딩 관련 함수에 대해 알아보겠습니다. ※ 인코딩과 디코딩 인코딩 ; 문자를 컴퓨터에 저장하거나 통신에 사용할 목적으로 부호화. 웹에서 통신시 한글 같은 유니코드 문자가 오작동을 일으킬 수 있으므로. 디코딩 ; 인코딩과 반대로 문자를 원래대로 되돌리는 것. ● 인코딩, 디코딩 함수 인코딩 / 디코딩 함수 설명 escape() / unescape() - 영문 알파벳과 숫자, 일부 특수문자..

안녕하세요. 소다맛사탕 입니다. 지난 포스팅인 '[JavaScript] Array forEach() 메서드 사용법(배열 forEach())'에 이어서 오늘은 jQuery를 이용한 배열을 관리하는 each() 메서드를 알아보겠습니다. 1. 사용법 $.each(object, function(index, element) { }); $(selector).each(function(index, element) { }); index : 요소의 인덱스. element : 매개변수가 가지고 있는 현재 요소. 2. 예시 // 배열 선언 var arrVal = ["가", "나", "다", "라"]; // 배열 each()문 선언 $.each(arrVal, function(index, element){ console.log(..