TypeScript4 TypeScript - 타입 어설션(type assertions), 제네릭(generics) 1. 타입 어설션2. 제네릭 1. 타입 어설션typescript의 기본적인 타입 추론보다 내가 어떤 값의 타입에 대한 정보를 더 잘 아는 경우도 존재한다. 이때, 타입 어설션을 사용해 좀 더 구체적인 타입을 명시할 수 있다. 예를 들어, 코드상에서 document.getElementById가 사용되는 경우, TypeScript는 이때 HTMLElement 중에 무언가가 반환된다는 것만을 알 수 있다.그러나 페이지 상에서 지정해 둔 ID가 언제나 HTMLinputElement가 반환된다는 사실을 알고 있다면, 타입 어설션을 사용해 좀 더 구체적인 타입을 명시할 수 있다.// 추론하고자 하는 값 뒤에 as 를 사용해 타입 어설션을 사용한다.const nameInput = document.querySelect.. 2024. 5. 8. TypeScript - 인터페이스(interface),타입 앨리어스(type alias) 1. interface2. type alias 1. interfaceinterface는 객체의 구조를 정의하는 타입이다.객체에 포함될 키와 키에 해당하는 값의 타입만을 지정해 놓는다.보편적으로 interface의 이름의 첫 글자에 I를 넣어 작성해 object와의 혼동을 방지한다.[예약어] [이름] { [key]: [타입]}// interface의 키값에 ?를 주면 해당 키가 있어도 되고 없어도 된다.interface IPerson { name: string, age?: number} extends를 사용해 interface 간 상속이 가능하다.interface IPerson { name: string; age: number;}interface IStudent extends IPerson .. 2024. 5. 7. TypeScript - 기초 문법 1. typescript란?2. typescript 기초 문법 1. typescript란?typescript는 javascript의 슈퍼셋(상위 확장)으로 javascript에서 타입 검사가 추가된 확장 언이다.질문사항typescript는 javascript와 다르게 런타임 환경이 존재하지 않는다. nodejs에서 javascript로 트랜스파일 한다.typescript -> node.js를 통한 트랜스파일 -> javascript 순으로 작동한다. 2. typescript 기초 문법typescript는 javascript에 type검사를 추가하기 위해 만들어졌다. 문법 [예약어] [변수이름] : [타입] = [값]// 원시타입let num: number = 1;let str: string = "문자열".. 2024. 4. 30. TypeScript - 환경세팅 1. node.js설치2. npm을 통한 typescript다운로드3. tsconfig,json을 통한 트랜스파일 설정 1. node.js 설치npm (Nodejs Package Manager)로 typescript 모듈을 설치하기 위해 node.js를 설치한다.안정성을 위해 LTS로 다운받아 설치하는 것이 좋다.node를 설치하면 node의 패키지 매니저인 npm (Nodejs Package Manager)도 자동으로 설치 된다.npm은 nodejs의 대표 패키지 매니저로서 명령어만 입력하면 node로 만들어진 패키지를 설치하고 관리해주는 역할을 한다. 2. npm을 통한 typescript다운로드 - 터미널을 켜고 cd명령어를 통해 모듈을 다운받을 경로로 이동한다.- 원하는 경로로 이동이 완료된 것을.. 2024. 4. 29. 이전 1 다음