특별한 일상

안녕하세요. 소다맛사탕 입니다.JavaScript 배열에서 reduce() 함수를 사용하여 1차원 배열과 2차원 배열의 같은 값끼리 묶고 더하는 알고리즘을 구현해 보겠습니다.※ reduce() 란배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결과값을 반환합니다.＊ 1차원 배열console.log("console 결과");var data = ["b", "a", "c", "a", "d", "c"];const deDupData = new Set(data); // 배열을 SET에 담아 재선언const uniqData = [...deDupData]; // 중복 제거// 중복 제거 데이터 => a 값 맨 마지막으로 위치(정렬)uniqDat..

안녕하세요. 소다맛사탕 입니다. 지난번 포스팅 이었던 '[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" :..

안녕하세요. 소다맛사탕 입니다. 오늘은 자바스크립트가 처음 만들어질 때 정해진 특별한 의미가 있는 단어인 '키워드'중 자바스크립트에서 변수를 선언할 때 자주 쓰는 키워드인 var, let, const에 대해서 알아보겠습니다. ※ ECMAScript Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어. 자바스크립트를 표준화하기 위해 만들어졌다. Javascript에는 변수를 선언하는 방식에 'var'만 존재했지만, 변수 재선언, 재할당을 하기 위해 ECMAScript6(ES6)부터 'let'과 'const'가 추가 되었습니다. 1. var ; function-scope 변수를 선언하고, 선택적으로 초기화할 수 있다. var test1 = 0..

안녕하세요. 소다맛사탕 입니다. 지난 포스팅에서는 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(..