본문 바로가기

타입스크립트(typescript)7

[typescript] 인터페이스(Interface) 📝인터페이스 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스인터페이스란?타입스크립트에서 인터페이스란 '객체 타입을 정의할 때 사용하는 문법'이라고 볼 수 있다. 자바스크립트에서 클래스를 이용하여 객체(인스턴스)를 생성한다. 이때 클래스 안에 객체가 어떤 속성을 가지고 있는지 정의한다. 인터페이스의 역할도 클래스와 동일하다. 객체를 생성하는데 해당 객체가 어떤 속성을 가지고 있는지, 각 속성은 어떤 타입인지 정의해주는 역할이라고 생각하면 쉽다! 인터페이스를 정의 및 인터페이스를 통한 객체 타입 정의 1) 인터페이스 정의interface라는 키워드를 사용한다. 이때 인터페이스 이름의 첫글자는 대문자로 해준다.// 인터페이스 정의interface 이름 { 속성: 값; 속성:.. 2024. 7. 11.
[typescript] typescript의 타입과 정의 📝기본 타입과 타입 정의 ">HTML 삽입미리보기할 수 없는 소스타입스크립트에는 9가지의 타입이 존재한다.stringnumberbooleannullundefinedarraytupleobjectany자바스크립트와 달리, 타입스크립트는 변수에 타입을 정의할 수 있다. 타입을 정의하면 에러를 사전에 방지할 수 있다는 장점을 가진다.let name = "홍길동"; // 자바스크립트let name: string = "홍길동"; // 타입스크립트 타입을 정의하는 방법은 간단하다. 위의 코드처럼 변수 옆에 콜론(:)을 붙이고 해당 변수의 타입을 정의하면 된다. 이때 이 콜론(:)을 타입 표기(type annotation)라고 한다. 여러 기본 타입 중에서 array, tuple, any 타입을 정의하는 방법을 알.. 2024. 7. 9.
Node.js란? (+npm) 📝Node.js란? " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스Node.js란?- 브라우저 밖에서 자바스크립트를 실행할 수 있는 환경으로 자바스크립트 런타임 자바스크립트란?- html 페이지에 종속된 언어로 html 조작을 위해서 만들어진 언어이다. 즉, html 조작이 가능하기 때문에 웹페이지를 다이나믹하게 바꿔줄 수 있다. 그렇다면 자바스크립트의 해석과 동작에 대해 의문이 생긴다. 자바스크립트의 해석 & 동작을 누가하나?- 브라우저가 담당하며 각 브라우저마다 자바스크립트를 해석할 수 있는 엔진이 존재한다.ex) Chrome - V8, Firefox - spiderMonkey, 인터넷 익스플로어 - Chakra 이때 Chrome은 자바스크립트의 해석엔진인 V8에 기능.. 2024. 7. 9.