밀 종합 ٩(`╹ω╹´)و

Node.Node를 선택하는 방법 위치 속성 설명 부모 parentNode 부모의 노드 형제 previousSibling 이전에 인접한 형제 노드 nextSibling 다음에 인접한 형제 노드 자식 childNodes 직계 자식 노드 firstChild 첫번째 자식 노드 lastChild 마지막 자식 노드 노드 nodeType 읽기 전용 속성으로 노드의 종류를 식별하고, 상수를 반환한다. nodeName 노드의 이름을 "대문자"로 반환한다. *소문자로 사용해야 한다면 toLowerCase()를 사용한다. *과거에는 tagName을 사용했다. (표준에서는 nodeName 사용) *localName도 있지만 호환성 좋지 않다. nodeValue 노드의 값 *$0.firstChild.nodeValue === ..

관계 연산자의 종류 > 초과 연산자 >= 이상 연산자 'Glee' //true 'Bee' > 'Be' //true 'A' > 'a' //false 원리 각 문자열의 첫 글자를 비교한다. 첫번째 문자열의 첫 글자가 다른 문자열의 첫 글자보다 크면(작으면), 첫 번째 문자열이 두 번째 문자열보다 크다고(작다고) 결론 내고 비교를 종료한다. 두 문자열의 첫 글자가 같으면 두 번째 글자를 같은 방식으로 비교한다. 글자 간 비교가 끝날 때까지 이 과정을 반복한다. 비교가 종료되었고 문자열의 길이도 같다면 두 문자열은 동일하다고 결론 낸다. 비교가 종료되었지만 두 문자열의 길이가 다르면 길이가 긴 문자열이 더 크다고 결론 낸다. 유형이 서로 다른 것을 비교하는 ..

비교 연산자의 구성 관계 연산자 > 초과 연산자 >= 이상 연산자 < 미만 연산자

기호 형 변환 설명 공통 == O - 피연산자의 자료형이 같을 경우 형 변환 X - 피연산자의 자료형이 같지 않은 경우, 숫자형으로 변환한 후, 비교한다. - null, undefined는 형 변환이 되지 않는다. - "null == undefined"는 true를 반환한다. - 피연산자가 모두 객체라면, JavaScript는 내부 참조를 보고, 둘 다 메모리의 같은 객체를 바라보고 있는지 판별한다. NaN과의 비교는 항상 false를 반환한다. === X 피연잔자가 엄격히 같은지 판별한다. 동치 연산자의 종류 동등 연산자 (==) 부등 연산자 (!=) 일치 연산자 (===) 불일치 연산자 (!==) 동등 연산자 01. 피연산자의 자료형이 같을 경우: 형 변환하지 않는다. 1 == 1; //true "문..

객체는 참조에 의해 할당되고 복사된다. 변수엔 ‘객체’ 자체가 아닌 메모리상의 주소인 '참조’가 저장되기 때문에 객체가 할당된 변수를 복사하거나 함수의 인자로 넘길 땐 객체가 아닌 객체의 참조가 복사된다. 검증 방법 변수에 참조된 값이 변경되었을 때 다른 변수에 담긴 값이 변경된다면, 값이 참조된 것이다. let admin = {age: 20}; let user = admin; user.age = 10; admin; //{age: 10} user; //{age: 10} 비유 "admin"이라는 서랍 안에 'age'파일이 있고, 그 안에 20이라는 정보가 들어있다. "admin" 서랍의 키를 "user"에게 복사해서 주었다. "user"는 열쇠를 가지고, 서랍을 열어 'age'폴더 안의 정보를 10이라고 ..

요약 함수는 값입니다. 따라서 함수도 값처럼 할당, 복사, 선언할 수 있다. “함수 선언(문)” 방식으로 함수를 생성하면, 함수가 독립된 구문 형태로 존재하게 된다. “함수 표현식” 방식으로 함수를 생성하면, 함수가 표현식의 일부로 존재하게 된다. 함수 선언문은 코드 블록이 실행되기도 전에 처리됩니다. 따라서 블록 내 어디서든 활용 가능하다. 함수 표현식은 실행 흐름이 표현식에 다다랐을 때 만들어진다. Q. 함수 선언문과 함수 표현식 중 무엇을 선택해야 할까? 함수를 선언해야 한다면 함수가 선언되기 이전에도 함수를 활용할 수 있기 때문에, 함수 선언문 방식을 따르는 게 좋다. 함수 선언 방식은 코드를 유연하게 구성할 수 있도록 해주고, 가독성도 좋습니다. 함수 표현식은 함수 선언문을 사용하는게 부적절할 ..

- 함수는 값으로 취급된다. - 함수의 자료형은 호출이 가능한 객체이다. - 함수는 객체처럼 함수에 프로퍼티를 추가·제거하거나 참조를 통해 전달할 수도 있다. 함수 선언문 function name(parameters){ code block } function: 키워드 name: 함수 이름 parameters: 매개변수(매개변수가 여러 개 있다면, 콤마로 구분) * parameter와 argument의 차이 함수 표현식 익명 함수 표현식 let funcName = function(){ ... }; 함수를 만들고, 그 함수를 변수에 할당한다. 기명 함수 표현식 let funcName = function func(){ ... }; function 뒤에 이름을 붙인다. Q. 기명 함수 표현식과 익명 함수 표현식..

요약 내장 객체 설명 Math.max(value1[, value2[, ...]]]) 입력 매개 변수 중 가장 큰 숫자를 반환 Math.min(value1[, value2[, ...]]]) 입력 매개 변수 중 가장 낮은 숫자를 반환 Q. 숫자 이외의 유형을 비교할 땐 어떻게 되나요? - 유형을 숫자로 변환해서 비교 한다. - 매개 변수를 숫자로 변환 할 수 없는 경우 NaN이 리턴된다. Q. 값을 아무것도 입력하지 않으면 어떻게 되나요? - Math.max는 Infinity를 반환 - Math.min은 -Infinity를 반환 !. max(), min()은 생성자 함수를 사용할 수 없다. (정적 메서드 공부안해서 이해를 못함) max(), min()은 Math의 정적 메서드이므로 생성한 Math 객체의 메..

Number() 유형 예시 결과 설명 숫자 Number(10) 10 문자 Number('문자') NaN - 변환에 실패하면 NaN이 된다. - 문자 숫자는 숫자로 변환된다. - 빈 문자는 0으로 변환된다. - 공백은 무시된다. - 문자 숫자라도 공백이 있으면 NaN으로 변환된다. Number('10') 숫자 Number('10px') NaN Number('') 0 Number(' ') 0 Number('10 10') NaN 불리언 Number(true) 1 Number(false) 0 null Number(null) 0 undefined Number(undefined) NaN Boolean() 유형 예시 결과 설명 숫자 Boolean(0) false 직관적으로 '비어있다'고 느껴지는 값들이 false이다..

let fruits; //리터럴 fruits = ["사과", "배", "딸기"]; //(3) ["사과", "배", "딸기"] //생성자 fruits = new Array('사과', '배', '딸기'); //(3) ["사과", "배", "딸기"] 리터럴 => 값을 바로 할당 생성자 => 함수를 사용, 매개변수에 값을 넣어 할당 *구체적인 차이는 링크를 읽어 볼 것 참고 리터럴 new 생성자 함수