TypeScript
1.[TS] 코딩앙마 TypeScript 강좌
코딩앙마 TypeScript 강좌 를 듣고 요약한 내용입니다 TS는 JS에서 알아차리지 못하는 오류를 사전에 알아채고 경고해준다JS (동적언어)런타임에 타입이 결정되고 그때 오류를 발견한다TS (정적언어)컴파일 타임에 타입이 결정되고 그때 오류를 발견한다 (코드를 실행
2.[TS] TypeScript 시작하기
TypeScript가 뭔데🤔? TypeScript는 JavaScript를 기반으로 하며 TypeScript 만의 고유문법이 포함된 프로그래밍 언어이다 JavaScript가 TypeScript에 포함되어있기 때문에 JavaScript에서 유효한 모든
3.[TS] Type Annotation 기초
Annotate는 '주석을 달다' 라는 뜻을 가지고 있다TypeScript에서는 변수, 함수, 함수 반환값의 데이터 타입을 지정하기 위해 타입 어노테이션을 사용한다타입을 지정하면 이후에는 해당 타입만 사용할 수 있다변수로 예를 들면, 변수이름 뒤에 콜론(:)을 붙이고
4.[TS] 함수에서의 타입
함수에서도 변수와 똑같은 방식으로 타입을 작성해주면 된다타입을 number로 지정해주자 number 타입에 어긋나는 코드들에 오류가 있음을 알려주고 있다혹시 매개변수가 여러개라면?여러개의 매개변수를 사용할때도 방식은 똑같다매개변수마다 타입을 지정해주면 된다매개변수의 개
5.[TS] 객체 타입
JavaScript와 마찬가지로 중괄호 { } 를 사용한다 객체 타입의 변수객체 타입을 return하는 함수기존에 필요로 하는 프로퍼티 보다 더 많은 프로퍼티를 뜻한다EX 1 )printFruit 함수에서 필요로 하는 프로퍼티는 color와 name 2개이다그런데 불필
6.[TS] 배열 타입
배열 타입 다루기 JavaScript와 마찬가지로 대괄호 [ ] 를 사용한다 type[ ] arrayType을 배열타입으로 지정하였다 그런데 ① 배열에 문자열을 입력하니 오류가 나고 ② push 하려고 하니 여기서도 오류가 발생한다 왜일까?🤔 대괄호 [ ]
7.[TS] 유니온 타입
유니온 타입은 숫자 또는 문자열로 선언하거나 특정 함수가 두 가지 타입을 모두 취하도록 선언할 수 있다 문자열이나 숫자에만 한정되어 있는 것은 아니다 어떤 타입이든 가능하다 유니온 타입을 이용하면 여러 타입의 값을 이용할 수 있다 타입 좁히기 (Type Narr
8.[TS] 튜플(Tuple)과 Enum
튜플(Tuple) TypesScript만의 고유한 타입으로 고정된 길이와 타입을 가지는 배열이다 튜플 사용하기 배열 대괄호 안에 원하는 타입을 순서대로 입력한다 [type, type, type, … ] number[ ] 기존에 사용하던 숫자배열은 숫자 몇개를 나
9.[TS] 인터페이스 (interface)
🔷 인터페이스 (interface) TypeScript에서 가장 흔하게 사용되며 객체의 형태를 묘사하는 데 사용한다 타입별칭과 매우 유사하다 오직 객체에만 사용
10.[TS] tsconfig.json
TypeScript 컴파일러 TypeScript 컴파일러는 TypeScript 파일을 JavaScript 파일로 컴파일링 하는 역할을 한다 컴파일링 설정은 tsconfig.json 파일을 통해 제어할 수 있으며 이 파일 안에는 많은 옵션이 존재한다 (JSON 파일이
11.[TS] 클래스 Class
TypeScript 클래스는 JavaScript 클래스와 유사하지만 조금씩 다른점이 있다 아래 설명들은 JavaScript의 클래스를 어느정도 알고 있다는 전제하에 작성하였다 🔷 TypeScript 클래스 JavaScript에서 클래스를 작성할 때 생성자 함수(c
12.[TS] 제네릭 Generics
제네릭 Generics 제네릭은 여러 타입에서 사용할 수 있는 재사용 함수나 재사용 클래스를 정의할 수 있게 해주는 특수 구문이다 내장된 제네릭 `` 꺽쇠 안에 타입을 입력 직접 선언하는 제네릭 `` 꺽쇠 안에 제네릭 이름 작성 (주로 T, U, V 순서대로 사
13.[TS] 타입 좁히기(Narrowing)
유니온 타입을 통해 여러 타입을 가진 형태를 표현할 수 있었다하지만 특정 타입을 가질때만 로직을 실행해야 하는 경우에 유니온 타입은 도움이 되지 못한다이렇게 넓은 타입을 더 좁은 타입으로 재정의 하는 것을 타입 좁히기 라고 한다주로 명확하지 않은 타입이 있을 때 사
14.[TS] TypeScript와 React 함께 사용하기
TypeScript와 React를 함께 사용하는 방법에 대해 정리해보았다위 명령어를 통해 TypeScript와 React를 함께 사용할 수 있다TypeScript 컴파일 설정과 tsconfig 파일 생성이 자동으로 실행되고,.jsx 파일이 아닌 .tsx 파일을 생성한다