programming study/TypeScript (28) 썸네일형 리스트형 타입스크립트 입문 - 함수 타입 정의하기 본 내용은 인프런 장기효(캡틴판교)님의 타입스크립트 입문 - 기초부터 실전까지 강의를 토대로 작성하였습니다. 1. 파라미터, 반환값 함수의 파라미터에 타입을 정의 // 이 함수는 두 개의 숫자를 받음 function sum(a: number, b: number) { return a + b; } sum(10, 20); sum(10, '20'); // 에러 발생 함수의 반환 값에 타입을 정의 // 이 함수는 숫자를 리턴 function isNumber(): number { return 10; } isNumber(); // 10 두 방식을 함께 사용 함수의 반환 값에 타입을 정하지 않을 때는 void라도 사용 할 것 function sum(a: number, b: number): number { return .. 타입스크립트 입문 - 변수와 그외 타입 정의하기 본 내용은 인프런 장기효(캡틴판교)님의 타입스크립트 입문 - 기초부터 실전까지 강의를 토대로 작성하였습니다. 1. 기본 타입 - 문자열, 숫자, 배열 TypeScript는 JavaScript와 달리 변수 선언 시점에서 타입을 지정해야한다. :을 이용하여 타입을 정의 Type Annotation 문자열 let str = 'hello'; 숫자 let num: number = 10; 배열 타입 선언에 맞지 않는 자료형을 배열안에 넣으면 IDE에서 에러가 발생한다. // 숫자로만 이뤄진 배열(제네릭) let arr: Array = [1, 2, 3]; // 문자열로만 이뤄진 배열(제네릭) let heroes: Array = ['Capt', 'Thor', 'Hulk']; // 배열 리터럴 let items: num.. 타입스크립트 입문 - 타입스크립트 시작하기 본 내용은 인프런 장기효(캡틴판교)님의 타입스크립트 입문 - 기초부터 실전까지 강의를 토대로 작성하였습니다. 1. 타입스크립트 프로젝트 시작하기 타입스크립트 설치 npm i typescript -g -g: npm 전역 설치 옵션 시스템 레벨에서 사용하기 위해서 설치할 때 사용 mac의 경우 /usr/local/lib/node_modules에 설치 컴파일 하기 .ts 확장자로 이루어진 파일을 .js 확장자 파일로 컴파일 Webpack과 같은 모듈 번들러로 컴파일 할 수 있다. tsc index.ts 2. 타입스크립트 설정 파일 컴파일 할 때 별도의 옵션을 설정할 수 있다. tsconfig.json에 설정 객체의 형식으로 key, value 지정 compilerOptions: 컴파일 시의 부가적인 옵션 al.. 타입스크립트 입문 - 타입스크립트 소개와 배경 본 내용은 인프런 장기효(캡틴판교)님의 타입스크립트 입문 - 기초부터 실전까지 강의를 토대로 작성하였습니다. 1. 타입스크립트란? JavaScript에 Type을 사용 가능 JavaScript의 Superset JavaScript의 확장된 언어 브라우저에서 실행하기 위해 파일을 한 번 변환 컴파일 과정을 거침 2. 타입스크립트의 장점 에러의 사전 방지 JavaScript는 런타임에서 타입을 정하는 동적 타입 언어이다. 타입 에러의 위험이 크다. 암묵적 타입 변환으로 인해 의도하지 않은 동작을 일으킬 수 있다. 코드 가이드 및 자동완성 VSC는 툴 내부가 타입스크립트로 작성되어 있어서 개발에 최적화 자바스크립트의 각 API를 자동완성 시켜준다. 선언한 type의 값이 다른 변수에 할당되어도 해당하는 타입의.. 이전 1 2 3 4 다음