[TypeScript] - 함수 타입 정의하기

😎 타입스크립트에서 함수 정의 자바스크립트에서 함수를 정의 할 때 매개변수와 어떤 값을 반환 할지 써준다. 타입스크립트도 마찬가지다. 여기에 추가로 타입만 작성해주면 끝이다. // 일반 함수 function func(a: number, b: number): number { return a + b; } // 화살표 함수 const add = (a: number, b: number): number => a + b; ● 매개변수의 기본값이 이미 정의된 경우 function introduce(name = "진형", tall?: number) { console.log(`name : ${name}`); if (typeof tall === "number") { console.log(`tall : ${tall + 10..

• format_list_bulleted TypeScript
• · 2023. 11. 4.
• textsms

[TypeScript] - 변수 타입 선언

🤔타입 선언? 자바스크립트와 타입스크립트의 가장 큰 차이점은 변수에 타입을 지정해주는 것에 있다. Java와 C언어와 달리 따로 타입을 지정해주지 않는 자바스크립트는 런타임 후 버그를 발견 할 수 있는 동적 언어 타입이다. 동적언어의 가장 큰 단점이 에러를 늦게 발견한다는 것인데, 이 때문에 자바스크립트 대신 타입스크립트를 쓰는 이유다. 실제로 자바스크립트의 버그중 15%를 타입스크립트로 없앨 수 있다는 결과가 있다. + 컴파일 단계에서 바로 에러를 수정할 수 있기 때문에 에러 지점을 바로 파악하기 쉽다. 1️⃣원시 타입 선언 방법 //number let num1:number=123; // string let str1:string = "hello"; //boolean let bool1: boolean =..

• format_list_bulleted TypeScript
• · 2023. 10. 29.
• textsms

[TypeScript] - 기본다지기2(Complier Option)

이전 블로그에서 마지막에 TypeScrip의 컴파일러 옵션을 설치했다. (tsc --init) 설치가 완료되면 tsconfig.json이라는 파일이 하나 생성된다. 엄청 많은 주석들이 반겨준다. 여기서 필요한 설정만 관리할 수 있게끔 싹다 지우고 하나하나씩 설명해 보도록 하겠다. 1. ComplierOptions 컴파일에 관련된 모든 설정들이 들어있다. { "compilerOptions": { "target": "ESNext", // 컴파일 후 생성되는 js의 파일 버전(ESNext는 js의 최신버전) "module": "ESNext", // 모듈 시스템을 바꿀 수 있다. "outDir": "dist", // 생성될 js 파일들이 위치할 폴더 "strict": false, // 타입 조절을 엄격하게 할것..

• format_list_bulleted TypeScript
• · 2023. 10. 28.
• textsms

[Typescript] - 기본 다지기(실행 및 설치 방법)

🤔타입스크립트의 실행 방식? TypeScript 파일은 노드 환경에서 바로 실해되지 않는다. 노드는 자바스크립트 런타임 이기 때문이다. 그래서 TypeScript 파일을 JavaScript 파일로 컴파일 후 그 파일을 노드에서 실행하는 방식을 사용한다. 이 과정에서 모든 타입들을 검사 하고 오류가 없으면 타입과 관련된 모든 코드들은 사라진 체로 JavaScript 파일로 변경된다. ⚒️실행 환경 구축하기 1. NodeJs 패키지 초기화(npm init) 2. NodeJS의 타입들이 저장된 패키지 설치 ( npm i @types/node) -> TypeScript가 컴파일 하는 과정에서 NodeJS에서 제공하는 기본 기능(예 conosle.log)들을 이해시키기 위해 필요! 3. TypeScript Com..

• format_list_bulleted TypeScript
• · 2023. 10. 27.
• textsms