SimCoding

Typescript 에서 DOM 조작하기 , HTML 조작하기. 안녕하세요. 오늘은 타입스크립트에서 DOM을 조작하기 위한 방법에 대해 포스팅 하려고 합니다. 간단한 예시를 통해 DOM조작 방법을 확인해 보겠습니다. html 예시 : 아래와 같은 html이 있을 때, 타입스크립트로 돔을 조작해보겠습니다. hello, gwang ! link button 타입스크립트에서 DOM 조작하기 : type narrowing을 이용한 DOM조작. let title = document.querySelector('#title'); // innerHTML속성을 제어하기 위한 2가지방법 // 아래 세가지 방법 모두 가능하지만 'instanceof'를 사용하는게 가장 일반적이라고 합니다. if(title !== null) 제..

타입스크립트 접근제한자 : public, private, protected + 정적메소드 static 자바스크립트와 달리, 타입스크립트에서는 접근제한자를 제공합니다. 코드 예시를 통해 접근제한자 대해서 알아보도록 하겠습니다. /* 접근 제한자 - public, private, protected public - 자식 클래스, 클래스 인스턴스 모두 접근 가능 protected = 자식 클래에 접근 가능, 클래스 인스턴스 접근 불가능 private - 해당 클래스 내부에서만 접근 가능 */ // ※ static - this가 아닌, 클래스명으로 접근 ! class Car { public name : string; private color :string; protected wheel : number; stati..