Primitive Type(기본 타입) - string, number, boolean, undefined, symbol, null, bigint - 기본 타입과 객체는 다름 - 기본 타입은 프로퍼티와 메서드를 정의할 수 없음 - new 키워드를 사용하여 기본 타입을 래퍼 객체로 생성할 수 있지만, 주로 사용하는 방법은 아님 const str1 = 'apple'; const str2 = new String('apple'); 래퍼 객체란? string -> String number -> Number bigint -> BigInt boolean -> Boolean symbol -> Symbol 라는 객체로 만드는것을 뜻함. 동등 연산자(---) - 기본 타입으로 생성된 변수와 new 키워드를 사용하여 명시적으..

이벤트(Event) - 웹브라우저가 알려주는 HTML 요소에 대한 사건이 발생 - 웹페이지에 사용된 자바스크립트는 발생한 이벤트에 반응하여 특정 동작을 수행할 수 있음 - 자바스크립트는 비동기식 이벤트 중심의 프로그래밍 모델 ------- ------- -------- 이벤트타겟 이벤트타입 이벤트리스너 이벤트 타겟(Event Target) - 이벤트가 일어날 객체를 의미 이벤트 타입(Event Type) - 발생한 이벤트의 종류를 나타내는 문자열로 이벤트명(Event Name)이라고도 함 - 키보드, 마우스, HTML DOM, window 객체...등을 처리하는 이벤트를 제공 이벤트 리스너(Event Listener) - 이벤트가 발생했을 때 그 처리를 하는 함수 - 이벤트 핸들러라고도 부름 - 지정된 ..

노드(node) HTML DOM은 노드라고 불리는 계층적 단위에 정보를 저장 노드 종류 - 문서 노드 : 문서 전체를 나타내는 노드 - 요소 노드 : HTML 모든 요소는 요소노드이며, 속성노드를 가질 수 있음 - 속성 노드 : HTML 모든 속성은 속성노드이며, 요소노드에 관한 정보를 가지고 있음 - 텍스트 노드 : HTML 모든 텍스트는 텍스트노드 - 주석 노드 : HTML 모든 주석은 주석노드 노드의 관계 parentNode : 부모 노드 children : 자식 노드 childNodes : 자식 노드 리스트 firstChild : 첫번째 자식 노드 firstElementChild : 첫번째 자식 요소 노드 lastChild : 마지막 자식 노드 nextSibling : 다음 형제 노드 previo..

form 객체 - 일반적인 폼 요소에 접근할 때 사용 - document.forms 컬렉션을 이용해서도 접근할 수 있음 아이디 : 비밀번호 : 폼 접근하는 방법 const frm = document.myform; //document.뒤에는 위에 선언한 name의 이름을 적으면 그걸 가져온다는 뜻임. const frm = document.forms['myform']; //이것도 forms에 있는 name의 값을 이용해서 값을 가져옴. 폼 name이 'myform' const frm = document.forms[0]; // 폼 중에서 첫번째 폼을 찾음 const from = document.getElementById('regform'); // id를 이용해서 가져옴 아이디 입력상자에 접근하기 const u..

호이스팅(hoisting) - 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것 - var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화 - let과 const로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않음 함수 fucn1(); 인터프리팅 결과 함수 호이스팅 fucntion func(){ function func1(){ ----------> ....; ...; } } func1(); 익명함수 에러 발생 func2(); let func2(); 변수 호이스팅 func2(); let func2 = function(){ ----------> ....; function func2(){ } ....; } 화살표 함수 - fucntion 키워드를 사용하여 함수를 만..

1. 연산자(Operator) 1. 산술 연산자 +, -, *, /, %, ** 2. 비교 연산자 >, =, true '3' == 3 -> true // 값은 3으로 같으니 true '3' === 3 -> false // 타입이 달라서 false 3. 대입 연산자 =, +, -=, *=, /=, %=, **= 4. 증감 연산자 ++변수, --변수, 변수++, 변수-- ex) let num = 10 ++num // 11 num = num + 1 --num // 10 num = num - 1 num++ // 11 num = num + 1 num-- // 10 num = num - 1 파이썬 ex) num += 1 num = 10 result = ++num // num = 1, result = 11 resul..