코드 분석 공부 (1)

onchange 함수

 

Javascript를 통해 변화가 일어났는지 탐지하는 것에 쓰이는 함수다.

 

tabindex

 

요소의 탭순서를 지정하는 속성

속성값	설명
양수	1부터의 숫자를 적어 탭의 순서 지정 1이 먼저 탭순서를 받고 그다음 번호들은 순번대로 처리된다. 탭순서를 지정하게 되면 탭의 흐름이 엉킬 수 있으므로 사용을 권장하지 않음
0	초점을 받을 수 없는 h1, div 등과 같은 요소들도 탭으로 초점을 받을 수 있도록 처리 가능 마크업 순서대로 탭순서를 자연스럽게 받게 처리됩니다.
-1	a, button, input, select, textarea와 같은 태그가 탭을 못받도록 처리합니다.  다른 음수를 작성해도 무방하지만 탭으로 초점을 못받는다는 것은 같으므로, 의미가 없다.

 

aria-hidden="true"

 

스크린 리더(보조기기)로 해당 콘텐츠를 가상 커서로 탐색할 수 없다.

스크린 리더가 접근하는 것은 원치 않지만, 시각적으로 디자인을 주기 위해서 보여지게 하고 싶은 경우에 사용

 

true: 스크린 리더와 같은 보조기술 사용자의 콘텐츠 탐색을 제한한다.

"true"로 설정된 콘텐츠는 스크린 리더의 가상 커서에서 탐색되지 않는다.

ul, table과 같이 하위 요소를 포함할 수 있는 요소에 aria-hidden을 "true"로 설정하면 하위 요소까지 숨길 수 있다.

 

false: 접근성 API가 스크린 리더와 같은 보조기술 사용자에게 숨겨진 콘텐츠를 노출하여 콘텐츠를 탐색할 수 있다.

 

$(document).ready()

 

문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 의미이다.

 

$().prop - 속성값을 가져오거나 추가하는 메서드

attr()

-  HTML attribute 값이 모두 String으로 넘어온다.

prop()

- 자바스크립트의 property 값이 넘어오기 때문에 boolean, date, function 등을 가져올 수 있다.

.padStart()

- 현재 문자열의 시작을 다른 문자열로 채워 주어진 길이를 만족하는 새로운 문자열을 반환한다.

채워넣기는 대상 문자열의 (좌측)부터 적용된다.

trim()

- 문자열 좌우에서 공백을 제거하는 함수

datatable.ajax.reload()

- 페이지 고정으로 datatable 데이터만 reload

.parent()

- 어떤 요소의 부모 요소를 선택

 

[JS Operater]

== Equal Operator => 값만 같으면 true다

=== Strict Equal Operator => 값과 값의 종류가 같으면 true이다.

 

"render" : function (data, type, row)

- 해당 함수에서 정제하여 리턴하면 테이블에 리턴된 값으로 표출

 

.addClass()

- addClass()로 선택한 요소에 클래스 값을 추가할 수 있다.

 

document.createElement()

 

지정한 tagName의 HTML 요소를 만들어 반환

 

.click(); vs trigger('click');

 

함수에 인수가 전달되지 않으면 클릭 이벤트가 트리거 된다.

후자가 더 빠르다.