본문 바로가기

Script33

html상에서 get방식 파라미터 간단하게 처리 방법 html상에서 get방식 파라미터 간단하게 처리 방법 html상에서 파라미터를 받아 처리해야하는 상황이 있다. 자주있는 상황은 아니지만, 처리가 꼭 필요한 케이스가 있다. http://www.abcde.com/AAA.html?userId=user01&role=manager 위 같이 url path에 get방식으로 파라미터를 넘겼을때도 처리할수 있는 방법이 있을까? 컨테이너 위에서 동작하는 jsp 형태라면 아래와 같은 방식으로 처리가 가능하다 String userIId = request.getParameter("userId"); String rold = request.getParameter("role"); html에서도 가능할까?? html은 GET방식이라면 다소 제한적이지만 javascript level.. 2022. 4. 18.
자바스크립트 localStorage, sessionStorage 사용방법 자바스크립트 localStorage, sessionStorage 사용방법 localStorage는 무엇이냐? 데이터를 저장하는 브라우저의 공간의 일종이라고 생각하면 된다. 페이지의 프로토콜과 URL 별로 저장이 된다. (http://www.aaa.com) 과 (https://www.aaa.com) 은 서로 별게의 localStorage를 사용하게 된다는점을 유념해야 한다. localStorage는 브라우저상에서 데이터가 직접 지우지 않는한 만료되지 않고 , localStorage와 비슷한 녀석이 sessionStorage 란 녀석이 있는데, 이 아이는 브라우저 페이지를 닫을때마다 사라진다는점이 다르다. 사용하는 방법을 알아보자 1. localStorage localStorage에 name이라는 키값에 k.. 2022. 4. 18.
javascript html문서로드 후 이벤트 발생 javascript html문서로드 후 이벤트 발생 보통 일반적으로 jquery를 import 해서 사용중일때 아래와 같이 처리 하곤한다. $(document).ready(function () { console.log('event!!'); }); jquery를 사용할수 없고 문서를 로드후에 스크립트 이벤트를 처리하고 싶을때가 당연히 있을것이다. 그럴때는 DOMContentLoaded 이벤트를 사용하면 된다. pure javascript 에서 동작하니 참으로 좋다. document.addEventListeners('DOMContentLoaded', function () { console.log('event'); }) 브라우저 호환성은 아래와 같다. 크롬은 1버전부터 full 전체 다 지원하니, IE 9 버.. 2022. 4. 18.
자바스크립트 배열 자르기 (slice, splice) 자바스크립트 배열 자르기 (slice, splice) 자바스크립트 배열자르는 함수 slice, splice 에 대해 정리한다. 그리고 둘의 차이점도 한번 살펴 보자. 1. slice() slice는 배열의 인자로 받는 "시작index"부터 "끝index"까지 자른 복사본을 리턴 한다. 특징 : 원본의 배열 값은 바뀌지 않는다. 구문 arr.slice([시작값],[끝값]) 사용 예 ) let arr = ['땅','불','바람','물','마음']; let sliceArr1 = arr.slice(2); // (3) ['바람', '물', '마음'] let sliceArr2 = arr.slice(2, 4); // (2) ['바람', '물'] let sliceArr3 = arr.slice(1,4);// (3) ['.. 2022. 3. 16.
자바스크립트 원하는 문자열 추출 (substring, substr ) 자바스크립트 원하는 문자열 추출 (substring, substr ) 1. substring String 문자열의 시작번호와 끝번호를 넘기면 그에 해당하는 부분 문자를 찾아 리턴한다. 사용 구문 str.substring(시작값, 끝값) 사용 예 ) var str = 'apple'; console.log( str.substring(0,2) ) ; // ap console.log( str.substring(1,3) ) ; // pp console.log( str.substring(2,4) ) ; // pl console.log( str.substring(0,5) ) ; // apple console.log( str.substring(99,100) ) ; // 빈값 console.log( str.substri.. 2022. 3. 16.
javascript each, forEach, for-of, for-in 초간단 사용방법 javascript each, forEach 초간단 사용방법 기본for, each, forEach, for-of, for-in 사용방법에 대해서 정리 해본다. 반복문을 수행하는 방법에는 여러가지 방법들이 있다. 바로 알아 보자. 1. 기본 for 문 빠르고 단순하며, 효율적이다. 건너뛰기, 종료 가 가능하다 ( continue, breake 사용이 가능 ) 반복문의 범위를 지정할수 있다 ( i ++ 또는 i-- 등등) var i 값을 이용한 처리가 가능하다. 예제 코드는 아래에서 자세히 알아보시기 바랍니다. var arr = ['haha1','haha2','haha3']; for(var i=0; i < arr.length; i ++ ) { document.writeln(arr[i]); } 2. forEa.. 2022. 3. 15.

티스토리툴바