Front-End/JS3 var, let, const 차이점 변수varletconst범위함수영역블록 영역 { }블록 영역 { }호이스팅OXX재할당OOX재선언OXX var변수지역 / 전역 모두가능 let, const변수지역변수 함수 영역 (var)해당 함수 내에서는 어디든 사용가능 블록 영역 (let, const)같은 함수 내에서라도 해당 블록 { } 을 벗어나면 사용불가 2024. 8. 3. querySelector와 getElementById의 차이점 querySelector와 getElementById는 모두 HTML 문서에서 요소를 선택하는 데 사용되는 자바스크립트 명령어입니다. 하지만 이 둘 사이에는 몇 가지 중요한 차이점이 있습니다.getElementByIdgetElementById는 주어진 ID 속성 값을 가진 요소를 선택합니다. 특징:단일 요소 선택: ID는 문서 내에서 유일해야 하므로, getElementById는 항상 단 하나의 요소만 반환합니다.빠른 성능: 브라우저가 내부적으로 최적화되어 있어 매우 빠르게 요소를 찾을 수 있습니다.문법 간단: 간단한 ID 선택에 적합합니다. querySelectorquerySelector는 CSS 선택자 구문을 사용하여 문서에서 첫 번째로 일치하는 요소를 선택합니다. 특징:유연한 선택: ID, 클래스,.. 2024. 8. 2. falsy = false같은 false아닌 false같은 너 ● NaN : Not a Number의 약자로 변수를 선언만 하고 값이 할당되지 않은 상태에서 그 변수를 더하거나 빼는 연산에 사용하면 NaN이 된다. ● undefined : 값이 할당되지 않았을 때 변수의 초깃값. 값이면서 동시에 자료형이기도 하다.예시)let userNameconsole.log(userName) // undefined ● null : 값이 없거나 유효하지 않은 값. 값이면서 동시에 자료형이기도 하다. 사용자가 직접 할당가능. 예시)let age = null; 정리하자면 undefined는 변수를 만들기만 하고 값을 할당하지 않았을 때 자바스크립트에서 자동으로 부여하는 초기값이고null은 변수에 값이 없거나 유효하지 않다는 의미로, 자바스크립트에서 반환하거나 사용자가 할당할 수 있는.. 2024. 7. 29. 이전 1 다음