Web20

• 

  JWT(Json Web Token)란? JWT란? JWT는 인증 방식 중 하나로, 사용자 인증을 위한 토큰(Token) 기반 인증 방식이다. 일반적으로 클라이언트와 서버 사이에서 통신할 때 권한을 위해 사용한다. Json 형태이며 string 형태로 저장된다. 세션과 달리 서버가 아닌 클라이언트에 저장되기 때문에 메모리나 스토리지 등을 통해 세션을 관리했던 서버의 부담을 덜 수 있다. JWT가 가지는 주요 특징은 토큰 자체에 사용자의 권한 정보나 서비스를 사용하기 위한 정보가 포함되어 있다는 것이다. 따라서 데이터가 길어지면 토큰도 길어지게 되며 토큰이 발 번 발급된 이후 사용자의 정보를 바꾸더라도 토큰을 재발급하지 않는 이상 반영되지 않는다. JWT는 RESTful과 같은 무상태(Stateless)인 환경에서 사용자 데이터를 주고받을 수 있.. Web 2022. 10. 3.

• [jQuery] 마우스 이벤트 및 각종 이벤트 정리 jQuery 이벤트 정리이다. 마우스 이벤트 이벤트 설명 click 노드(elements)를 마우스 포인터로 눌렀다가 떼었을 때에 발생 dblclick 노드를 더블 클릭 했을 때에 발생 hover mouseenter와 mouseleave 이벤트를 한번에 bind한다. mousedown 노드 영역에서 마우스를 눌렀다가 떼었을 때에 발생 mouseenter 노드에 마우스가 진입했을 때에 발생(자식노드에서는 이벤트를 감지 못함) mouseleave 마우스가 노드에서 벗어났을 때에 발생 mousemove 노드 영역에서 마우스를 움직였을 때에 발생 mouseout 노드에서 마우스 포인터가 떠났을 때에 발생 mouseover 노드 영역에서 마우스를 올려놓았을 때 발생 (내부노드까지 이벤트를 감지) mouseup 마.. Web/JQuery 2022. 5. 9.

• HTML 특수문자 정리 리스트 HTML 특수문자 리스트이다. 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음 space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space - 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽 괄호 ) ) - 오른쪽 괄호 * * - 아스트릭 + + - 더하기 기호 , , - 쉼표 - - - Hyphen . . - 마침표 / / - Solidus (slash) 0 - 9 0-9 - 0부터 9까지 : : - 콜론 ; ; - 세미콜론 > > 보다 큰 ? ? - 물음표 @ @ - Commercial at A - Z A-Z -.. Web/HTML 2022. 5. 9.

• PrimeFaces 컬럼 숨기기 Primefaces 라는 UI를 사용할 때 컬럼을 숨기는 방법 5.2 버전부터 적용가능한 방법이다. 이걸 선언해주면 된다! 너무 간단해서 민망한... Web/Primefaces 2022. 5. 9.

• [jQuery] 마우스 좌클릭, 우클릭, 휠클릭 판단 ! 1 2 3 4 $("#mainGrid").mousedown(function(e) { alert(e.which); // 1:좌클릭, 2:휠클릭, 3:우클릭 } ); Colored by Color Scripter cs Web/JQuery 2022. 5. 2.

• [jQuery] tr 숨김처리 display:none jquery에서 tr 부분을 숨기고자 할 때 사용하는 코드이다. $("#title").css("display", "none"); $("#title").attr('style', "display:none"); Web/JQuery 2022. 2. 27.

• [jQuery] 보이기, 숨기기 (show(), hide()) 1. show(), hide() 1 2 3 4 $("#id").show(); $("#id").hide(); cs 2. display=none; display=block; 1 2 3 $("#id").css("display", "none"); $("#id").css("display", "block"); cs Web/JQuery 2022. 2. 8.

• 

  자바스크립트 배열에서 빈 값만 제거하기 자바스크립트에서 배열을 사용하는데 빈 값이 섞여 있다면.. 빈 값만 제거하는 방법을 알아보자. 1 2 3 var array = [1,2, undefined, 3, undefined, 4]; //변경 전 var array = [1,2,3,4]; cs 선언한 배열에 filter()함수를 사용하여 빈 값(undifined)을 제거할 수 있다. 1 2 3 4 5 array = [1, 2, undefined, 3, undefined, 4]; filtered = array.filter(function(item) { return item !== null && item !== undefined && item !== ''; }); console.log(filtered);; Colored by Color Scripter cs Web/Javascript 2022. 1. 9.

• Error : The entity “nbsp” was referenced, but not declared Error : The entity “nbsp” was referenced, but not declared 해결: nbsp 대신 &#160 를 사용한다. Web/HTML 2022. 1. 9.

• [Javascript] 소수점 올림, 버림, 반올림 - ceil(), floor(), round() 함수 자바스크립트에서 소수점 올림, 버림, 반올림 하는 함수 소개. 1. 올림 Math.ceil(value): 입력받은 숫자를 올림한 정수를 리턴하는 함수이다. 1 2 3 4 5 6 7 var num1 = Math.ceil(1); //return 1 var num2 = Math.ceil(1.1); //return 2 var num3 = Math.ceil(1.9); //return 2 var num4 = Math.ceil(-1); //return -1 var num5 = Math.ceil(-1.1); //return -1 var num6 = Math.ceil(-1.9); //return -1 cs 2. 내림 Math.floor(value): 입력받은 숫자를 내림한 정수를 리턴하는 함수이다. 1 2 3 4 5 6.. Web/Javascript 2022. 1. 6.

• 스크립트 0/0 NaN처리 어떻게 처리 해야할까요? 자바스크립트에서 문자열과 피연산자를 함께 사용하면 NaN 값이 반환된다. 이때, isNaN 함수를 사용해서 해결하자. 먼저 isNaN이란 isNaN(Not a Number) : 매개변수가 숫자인지 검사하는 함수. isNaN(value) value가 숫자인 경우 false를, 숫자가 아닌 경우 true를 반환한다. 예시) 1 2 3 4 5 6 7 8 9 10 11 var a = 10.5 var b = '10.5'; var c = 'isNaN'; var d = 10*10; var e = '10 * 10'; return isNaN(a); //false 를 반환 return isNaN(b); //false 를 반환 return isNaN(c); //true 를 반환 return isNaN(d); //false .. Web/Javascript 2022. 1. 5.

• 글자 길이에 다른 컬럼 크기 동적 변환 글자 길이에 따라서 그리드 컬럼 width를 변경시켜야 할 때 간단히 사용할 수 있는 방법이다. 사실 별다른 기술은 아니고... String의 length를 width 계산식으로 활용하는 것이다. 예를 들면, 1 2 3 4 5 6 var name = 'ColumnName'; var width = 0; width = name.length; grid.setWidth('NM', width); cs 이런 방식으로 사용하는 것이다.. 사실 특별한 기술도 아니고 별 거 없다..ㅋㅋ Web/Javascript 2022. 1. 4.