JAVASCRIPT

기본 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도의 언어.별도로 소스코드를 컴파일 하지 않고인터프리터(interpreter)를 이용 하여 소스코드를 한 줄씩 읽어 바로 실행.\-> 컴파일에 소요되는 시간이 없음.대신 프로그램 실행 시간이 느림.짧은 소

웹 문서(HTML)의 모든 요소를 객체 형식으로 표현하는 방법\-> 문서 내 특정 요소에 접근하는 방법을 제공class, name, 태그명 등 여러 요소가 같은 값을 가질 수 있으므로 접근할 때 복수를 뜻하는 s를 붙여야 한다(Elements) + 여러 요소를 접근해서

overflow: auto; 내부요소가 부모 초과시 초과된 방향으로 스크롤 자동 추가 innerHTML 자바스크립트에서 요소에 작성된 내용만을 읽어들이거나 변경하는 속성 -내용을 읽어올 때 요소의 태그, 속성은 무시함 -내용을 변경할 때 대입되는 태그는 모두 문자열

Javascript는 변수 선언 시 자료형이 아닌 var, let, const, (미작성) 중 하나를 골라서 작성함 >var : 변수, 변수명 중복O(덮어쓰기), 함수 레벨 scope let : 변수, 변수명 중복 X, 블록{} 레벨 scope const : 상수,

eval("코드 형식의 문자열")\-> 매개변수의 문자열을 JS 코드로 해석/수행하는 함수\-> 속도가 느림 + 보안 이슈로 인해 사용 지양(사용하지말것)result.innerText = eval(n1 + op + n2);result.innerText = new Fun

\-> 브라우저에서 동작, 행위click, keydown, keypress, keyup,mouseover, mouseout, mouseleave, mouseenter,change, submit.............\-> 이벤트가 발생하는 것을 대기하고 있다가이벤트 발

특정한 규칙을 가진 문자열 집합을 표현하는데 사용하는 형식 언어.정규표현식을 이용하면 입력된 문자열에 대한 특정 조건 검색, 일치 여부 판단, 치환에 대한 조건문을 간단히 처리할 수 있다.\-> 양쪽 '/' 기호 정규 표현식 리터럴 표기법문자열에 정규표현식과 일치하는

인터페이스 DOMTokenList는 공백으로 구분된 토큰 세트를 나타냅니다. 이러한 집합은 Element.classListor HTMLLinkElement.relList및 기타 여러 가지에 의해 반환됩니다.DOMTokenList요소.classList: 요소가 가지고 있

요소의 내용 또는 값을 얻어오면 기본적으로 문자열(string)으로 인식됨\-> 산술 연산 시(덧셈) '더하기'가 아닌 '이어쓰기'가 되는 문제 발생"정수" -> 정수 ("123" -> 123)"실수" -> 실수 ("3.14" -> 3.14)"정수" -> 정수("123

배열 : 변수를 묶음으로 다루는 것( 변수가 연속적으로 나열됨)자료형 제한 X길이 제한 X== Java의 Collection List와 비슷1) const arr1 = new Array(); // 0칸 짜리 배열 생성2) const arr2 = new Array(3);

const arr1 = new Array();const arr2 = new Array(3);const arr3 = \[];const arr4 = '사과', '딸기', '바나나';배열에 존재하지 않는 인덱스에 값 대입\-> 자동으로 추가되면서 길이 증가 arr10

\-브라우저 창 자체를 나타내는 객체window 객체는 창 자체를 나타내고 있으므로 브라우처 장 내에서 어디서든 접근 가능 그래서 window 객체의 속성과 기능 호출 시 window 단어를 생략할 수 있다. ex) window.al

자바스크립트 객체는 {} 내에 key:value 가 모여있는 형태로 작성된다.(Map 형식){K:V, K:V, K:V} // 자바스크립트 객체(참고) 자바스크립트 객체 모양의 문자열== JSON(Javascript Object Notation, 자바스크립트 객체 표기법

Node와 Element의 차이 Node : 태그(요소 노드), 속성, 주석, 내용(텍스트 노드) 등 모두 표현. Element : Node의 하위 개념 요소 노드만을 표현 >### Node로 탐색하는 방법 부모 요소.parentNode : 요소의 부모 노드를 탐색해

const input = document.createElement("input");input.classList.add("in");요소.setAttribute("속성명", "속성값");요소.removeAttribute("속성명") : 속성 제거input 에 type="n

익명 함수의 표현식을 간단히 표현한 표기법(es6)

같은 이름의 클래스로 되어있을때 클릭한 이벤트만 찾아 적용하기 위해서 Jquary를 사용하면 편하다내가 선택한 이벤트가 외부 라이브러리를 통해 값을 가져와 변수 BgColor에 담을 경우 내가 선택한 색상이 BgColor와 일치하면 형제들의 색상을 하나로 통일해주고 선

픽셀들이 모여 만들어진 정보의 집합점, 선, 면의 위치(좌표), 색상 등 수학적 정보의 형태(Shape)로 이루어진 이미지HTML코드를 모두 읽은 후에 script태그를 실행하는 속성