본문 바로가기

타입스크립트12

[Typescript] 클래스 이번에 소개할 구문은 클래스입니다. 자바와 비슷한 클래스 키워드들을 제공하고 있습니다. 1. 클래스 선언 인터페이스처럼 클래스도 class 키워드로 선언합니다. class { [접근 지정자] 속성명: 타입; } class Student { public name: string; public id: number; } const std1: Student = new Student(); std1.name = 'ake'; std1.id = 1; 클래스는 new 키워드로 인스턴스를 만들어서 사용하고, .연산자를 통해 속성이나 메소드에 접근할 수 있습니다. 클래스의 속성에는 접근 지정자를 붙일 수 있는데, 다른 언어들처럼 public, protected, private를 지원하며, 생략할 경우에는 public 속성을 .. 2021. 12. 29.
[Typescript] 인터페이스 1. 인터페이스 인터페이스는 객체의 타입을 지정하게 하는 키워드입니다. 만약 인터페이스가 없다면, 객체 자체는 object지만, 그 내부에 속성 값과 타입이 제각각인 것들을 담게 됩니다. 이를 막고자 인터페이스가 고안되었습니다. 인터페이스는 보통 파일명 앞에 대문자 I를 붙이고 사용합니다. 안의 내용은 객체 선언하듯이 이용하면 됩니다. 그러면 인터페이스는 객체에서 마치 타입처럼 동작합니다. interface 인터페이스명 { 속성명: 타입; } interface IStudent { name: string; id: number; } let std: IStudent = { name: '마틴', id: 1, } 다음과 같은 선언들은 타입과 일치하지 않아서 오류입니다. let std: IStudent = { na.. 2021. 12. 29.
[Typescript] 타입스크립트 변수 타입스크립트는 자바스크립트 기반 언어이기 때문에 문법에 있어서 기본적인 사용법들은 자바스크립트를 따라갑니다. 2021.01.28 - [Programming/Javascript] - [Javascript] 변수 선언과 명명 규칙 2021.01.29 - [Programming/Javascript] - [Javascript] 자바스크립트의 자료형 2021.02.04 - [Programming/Javascript] - [Javascript] 상수 선언하기, const 0. 세미콜론 들어가기 전에 여러 자료들을 보면서 어떤 곳은 세미콜론을 붙이고, 어떤 곳은 세미콜론을 붙이지 않아서 혼란이 있었습니다. 과연 무엇이 정식 문법일까 했지만, 결론은 붙인다가 정식입니다. 당장 공식 문서에서도 붙이는 것을 정사로 두고 .. 2021. 12. 28.
tsconfig.json 지난 포스트에서 기본적인 타입스크립트 프로젝트를 만들면서 tsconfig.json 파일을 만들었습니다. 다양한 옵션들이 존재하지만 우리가 필요로 하기에 남겨두었던 옵션 키들에 대해서 알아보고 넘어가겠습니다. "module": "CommonJS", 동작 대상의 플랫폼을 구분해서 그에 맞는 모듈 방식으로 컴파일하기 위해 지정하는 옵션입니다. Node.js 플랫폼(또는 웹 브라우저 환경을 제외한 환경)에서 구동하기 위해서 CommonJS 방식을 설정해주었습니다. 만약 웹 브라우저 상에서 동작하길 원한다면 AMD(Asynchronous Module Definition) 방식으로 지정해줍니다. "esModuleInterop": true, 패키지 중에는 웹 브라우저의 동작을 위해 AMD 방식으로 구현된 것들이 있습.. 2021. 12. 28.
[Typescript] 타입스크립트 프로젝트 굳이 타입스크립트 프로젝트 생성에 대해 따로 다루는 이유는 기존에 프로젝트들은 그냥 만들면 되었지만 타입스크립트 프로젝트는 약간의 설정이 필요하기에 소개해드리고 넘어가려고 합니다. 1. 타입스크립트 프로젝트 생성 타입스크립트는 Node.js 플랫폼을 기반으로 작동하는 언어이므로 npm init을 통해서 package.json을 만들어야합니다. 따라서 작업 공간을 만들고 npm init 명령을 통해서 package.json 파일을 생성해주세요. npm init 다음으로는 타입스크립트 컴파일러의 설정 파일이 필요합니다. 이름은 tsconfig.json으로 이 역시도 명령어를 통해 간단하게 생성할 수 있습니다. tsc --init 이 명령으로 실행된 json파일을 보면 여러 옵션들이 주석처리되어있어서 필요한 .. 2021. 12. 27.
[Typescript] 타입스크립트 1. 타입스크립트 Typescript 타입스크립트는 마이크로소프트에서 2012년도에 발표한 언어입니다. 이름에서 느껴지듯이 자바스크립트를 기반(자바스크립트는 자바기반이 아니지만요...)으로 정적 타입 문법을 더한 언어입니다. 그래서 자바스크립트 유저라면 간단하게 배울 수 있고 자바스크립트의 타입으로부터 오는 문제점들을 해결해주어서 갈수록 시장에서 한 자리씩 차지하고 있는 언어입니다. 앵귤러2 버전에선 정식으로 타입스크립트를 채택했고, React.js나 Vue.js에서도 타입스크립트를 사용하는 것을 심심치 않게 볼 수 있습니다. 저는 학부를 거쳐오며 C, C++, JAVA, Javascript, Python, Kotlin 등 다양한 언어를 접했는데 이 자바스크립트가 가진 유연함(변수 선언이나 구조 등의)에.. 2021. 12. 24.
300x250