HTMLCollection과 NodeList는 모두 웹 브라우저에서 DOM 요소들을 묶어서 다루는 유사 배열 객체이다. HTMLCollectionhttps://developer.mozilla.org/ko/docs/Web/API/HTMLCollection HTMLCollection - Web API | MDNHTMLCollection은 구성요소를 이름과 인덱스로 동시에 직접 노출합니다. HTML ID는 :와 .을 유효한 문자로 포함할 수 있으므로 속성 접근 시에는 괄호 표기법을 사용해야 합니다. HTMLCollection은 배열 스developer.mozilla.org HTML 요소 노드만 포함하며, DOM에서 실시간으로 변화가 반영되는 Live 객체다. document.getElementById() 와..

타입스크립트는 브라우저가 바로 이해할 수 없기 때문에 JS로 변환하는 과정이 필요하다.이 과정에서 타입스크립트 컴파일러(tsc)가 어떻게 코드를 JS로 트랜스파일하고, 타입 검사 및 추론 과정이 어떻게 진행되는지 살펴본다. 1. Scanner (Lexer)연속된 글자인 소스코드를 컴파일러가 이해할 수 있는 의미 단위로 토큰화하는 과정이다.let age: number = 25;이를 토큰화하면 let identifier(age) : number = 25 ; 로 분리된다.토큰 단위로 쪼개면 파서가 구조를 이해하기 쉬워진다. 2. Parser토큰을 AST(추상 구문 트리)로 변환한다.코드 구조를 트리 형태로 표현해 컴파일러가 변수, 함수, 클래스, 표현식 등을 분석할 수 있게 한다.VariableDeclarat..

더보기컴파일러와 인터프리터는 모두 프로그래밍 언어를 실행 가능한 기계어로 번역하는 프로그램이다.컴파일러는 전체 소스코드를 한 번에 미리 번역해 실행 시 프로그램의 속도가 빠르지만, 디버깅이 어렵다.반면 인터프리터는 소스코드를 한 줄씩 중간 코드로 모두 번역한 후 실행하여 디버깅이 용이하지만, 프로그램 실행 속도가 느려질 수 있다. 컴파일러 (Compiler)ex. C, C++장점컴파일이 완료된 실행 파일은 컴퓨터에서 빠르게 실행할 수 있어 효율적이다.기계어로 번역되기 때문에 프로그램 코드가 유출되지 않는다.컴파일 에러와 관련된 에러를 초기에 발견할 수 있다.단점코드를 수정하면 컴파일을 다시 수행해야 한다.소스 파일 전체를 컴파일 해야하므로 용량이 크다. 즉, 수정사항이 빈번이 발생할 경우 문제가 발생할..