본문 바로가기

javascript7

[javascript] 중복 제거 - to remove duplicataes in an Array 배열에서 중복 제거를 할 때 사용하는 방법을 몇가지 정리해보자 1. filter 와 indexOf 사용. var arr = ['A', 'B', 'C', 'D', 'C', 'A']; arr.filter(function(ele, idx){ console.log(ele, arr.indexOf(ele), idx); }); 우선 위와 같이 filter 를 걸어 각 요소의 값들이 어떻게 나오는지 확인을 해보자 A 0 0 B 1 1 C 2 2 D 3 3 C 2 4 A 0 5 위와 같이 값이 나올 것이다. 이제 여기에서 indexOf 값과 index 값이 같은 경우만 남기면 중복 제거가 된다. var arr = ['A', 'B', 'C', 'D', 'C', 'A']; var removeDup = arr.filter(f.. 2022. 10. 4.
[javascript] some 사용법 정리 javascript 에서 for 문 외에 반복문이 많이 있다. forEach, filter, some, map 등 이 중에서 some 에 대해 이야기 해보자. some 에 사용되는 매개변수는 다음과 같다. arr.filter(callback(element, index, array), thisArg) element 처리할 현재 요소 index 처리할 현재 요소의 인덱스 array some 을 호출한 배열 thisArg callback 을 실행할 때 this 로 사용하는 값 some 은 true or false 를 반환하는데 [] 이거와 같이 빈 array 를 사용하면 무조건 false 를 반환한다. 나는 이 some 을 루프를 돌릴때 특정 조건이 맞아 루프를 빠져나와야 할 때 사용했다. 간단히 특정 값이 .. 2022. 9. 23.
[javascript] filter 사용법 정리 javascript 에서 for 문 외에 반복문이 많이 있다. forEach, filter, some, map 등 이 중에서 filter 에 대해 이야기 해보자 filter 는 말그대로 filtering 된 데이터만 반환해서 사용하는 것이다. filter 를 사용되는 매개변수는 다음과 같다. arr.filter(callback(element, index, array), thisArg) element 처리할 현재 요소 index 처리할 현재 요소의 인덱스 array filter 를 호출한 배열 thisArg callback 을 실행할 때 this 로 사용하는 값 사용예제는 아래와 같다. const arr = [1, 2, 3, 4, 5]; console.log(arr.filter(onFiltering)); .. 2022. 9. 23.
[JSP] JSTL, EL 이란 무엇인가? 1. JSTL JSTL 은 JSP Standard Tag Library 의 약자이며, JSP 태그를 라이브러리 형태로 모든 프로그래머가 공통으로 사용하도록 모아 놓은 것이다. 좀 더 자세한 내용은 위키백과에서 확인할 수 있다. ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%84%9C%EB%B2%84_%ED%8E%98%EC%9D%B4%EC%A7%80_%ED%91%9C%EC%A4%80_%ED%83%9C%EA%B7%B8_%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC 자바서버 페이지 표준 태그 라이브러리 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. ko.wikipedia.org JSTL 을 사용하기 위해서는 JSP 파일.. 2020. 11. 17.
[chart.js] javascript 로 차트 그리기 진행하고 있는 프로젝트에서 차트를 구현해야 해서 구글에서 javascript chart 로 검색을 해봤다. 그 중에 대표적인게 Fusion Chart, Google Chart, chart.js 인것같다. 저 중에 내가 원하는 형태에 맞는 것으로 선택해야하는데 내가 원하는 조건은 1. javascript 라이브러리. 2. 다운로드가 되어 프로젝트에 소스를 넣어둘 수 있을 것 3. 방사형 그래프가 될것 4. 무료일 것. 그럼 이제 위의 세가지 차트 라이브러리가 내가 원하는 조건에 맞는지 간략하게 설명해보면 1. Fusion Chart https://www.fusioncharts.com 위의 사이트에서 다운로드 받고 사용법을 익힐 수 있다. 다만, 다운로드를 받기위해서는 license 를 취득해야 하고 Tri.. 2019. 11. 5.
[Servlet] JSP 를 사용하지 않고 javascript 에서 Java 호출 하기. JSP 를 사용하지 않고 javascript 에서 Java 를 호출 하는 방법 . . . . . . . 은 없다. 다만, servlet 과 AJAX 를 사용하여 Java 의 method 를 호출 할 수는 있다. 이렇게 사용하기 위해서는 servlet 라이브러리가 설치되어야 하는데 보통 WAS 에서 servlet 라이브러리를 제공한다. 만약 WAS 를 사용하지 않거나 라이브러리를 따로 사용한다면 javax.servlet.jar 파일을 다운로드 받아 설치하면 된다. Maven 을 사용할 경우는 javax.servlet servlet-api 3.0-alpha-1 provided 위와 같이 메이븐에 추가를 하거나 https://mvnrepository.com/artifact/javax.servlet/servle.. 2019. 11. 1.
[AES] Java encrypt -> javascript decrypt [AES] Java 암호화 -> javascript 복호화 javascript -> Java 는 정보가 많이 있었지만 Java -> javascript 는 찾기가 힘들었다. (이렇게는 잘 안하니.....) 또는 찾은 소스들 중에서는 key 값 외에 iv, salt 등의 추가적인 값들을 필요로 하였다. 그래서 생각해낸 방법은 Java 에서 암호화한 로직을 그대로 javascript에서 역으로 푸는 것! 우선, ---------- Java 암/복호화 하는 부분 ---------- public Key generateKey(String key) throws Exception { Key keySpec; byte[] keyBytes = new byte[16]; byte[] b = key.getBytes("UTF-8.. 2019. 10. 29.