TypeScript5 [TypeScript] 업데이트 자동 감지 및 컴파일 하는 방법 안녕하세요. 이번 시간에는 TypeScript 파일이 업데이트 되면 자동으로 업데이트를 감지해서 JavaScript 파일로 컴파일 할 수 있도록 하는 방법에 대해서 알아보겠습니다. TypeScript 파일의 업데이트를 자동 감지해서 JavaScript 파일로 컴파일 하려면 다음 명령어를 사용합니다. $ tsc app.ts -w 위 명령어는 하나의 파일 app.ts에서만 동작하게 됩니다. 만약 여러개의 typescript 파일이 있다면 다음 명령어를 사용해서 해당 프로젝트 전체의 typescript 파일들을 자동 컴파일 해줍니다. $ tsc --init 이 명령어를 사용하면 tsconfig.json 파일이 생성됩니다. 따로 설정할 필요는 없으며 다음으로 모든 typescript 파일들을 자동 감지해서 ja.. 2023. 1. 2. [TypeScript] 함수의 리턴 타입 지정하는 방법 안녕하세요. 이번 시간에는 함수의 리턴 타입을 지정하는 방법에 대해서 알아보겠습니다. 두 수를 합한 값을 리턴하는 함수를 보겠습니다. function add(num1: number, num2: number) { return num1 + num2; } 이 함수에 리턴 타입을 지정하는 방법은 다음과 같습니다. function add(num1: number, n2: number): number { return num1 + num2; } 함수가 리턴 값을 갖지 않을 때는 void를 지정할 수 있습니다. function result(num1: number, num2: number): void { console.log(num1 + ', ' + num2) } 또는 변수를 지정하면서 함수를 선언할 때는 다음과 같이 리.. 2023. 1. 2. [TypeScript] type을 변수로 지정하여 사용하는 방법 안녕하세요. 이번 시간에는 Type을 변수로 선언해서 사용하는 방법에 대해서 알아보겠습니다. JavaScript에서 변수를 선언할 때 var, let, const를 사용했듯이 TypeScript에서 변수를 선언할 때 type을 사용하면, 해당 변수의 type을 여러번 재사용 할 수 있습니다. 예를 들어 변수의 타입이 number 또는 string 일때, 이 변수의 타입을 다음과 같이 선언할 수 있습니다. type DataType = number | string const user1: DataType = 30 const car1: DataType = 'Hyundai' 위와같이 DataType이라는 Type 변수를 선언해서 사용해서 다른 변수의 타입을 더욱 간결하게 지정할 수 있습니다. 이렇게 Type을 변.. 2022. 12. 29. [TypeScript] TypeScript의 Type 종류 안녕하세요. 이번 시간에는 TypeScript의 Type 종류에 대해서 알아보겠습니다. TypeScript에는 다음의 Type 들이 있습니다. number string boolean object array tuple enum any union literal unkown never number 모든 정수, 실수를 포함한 모든 숫자의 타입입니다. 사용하는 방법은 num1: number 형식으로 사용합니다. string 작은따옴표(''), 큰따옴표(""), 백틱(``)을 포함한 모든 문자열의 타입입니다. 사용하는 방법은 str1: string 형식으로 사용합니다. boolean True와 False를 나타내는 타입입니다. 사용하는 방법은 isChecked: boolean 형식으로 사용합니다. object {k.. 2022. 12. 29. [TypeScript] TypeScript를 JavaScript로 컴파일 하는 방법 안녕하세요. TypeScript는 Microsoft에서 개발한 언어로 JavaScript를 포함하는 언어이지만 브라우저에서 작동하지 않기에 JavaScript로 컴파일해줘야 합니다. 그래서 이번 시간에는 TypeScript를 JavaScript로 컴파일 하는 방법에 대해서 알아보겠습니다. 우선 다음 명령어를 사용해서 TypeScript를 전역으로 설치합니다. $ npm install -g typescript 프로젝트 폴더에 index.html 파일을 만들고 app.js를 불러올 수 있도록 코드를 작성합니다. 그리고 app.ts 파일을 생성합니다. 여기서 만든 app.ts 파일을 컴파일해서 app.js 파일로 만들어서 사용할 겁니다. console.log("Hello World") 글 처음에 언급했듯이, .. 2022. 12. 28. 이전 1 다음
