TypeScript (primitive types)

Im Su Kyung·2024년 1월 26일
0

Typescript TIL

목록 보기
3/5
post-thumbnail

(1) nodejs 최신버전 설치
(2) npm install -g typescript
(3) tsconfig.json 파일 생성
(4) index.ts 파일 생성
(5) tsc -w 명령어 입력


1. 변수에 타입 지정 가능

let name :string = 'Im';

: Name = 123; => 타입이 실수로 변경될 때 에러 발생 ('number' is not assignable to type 'string')
: 변수에 타입을 지정한다는건 별수에 실드를 씌우는 것이라고 생각하기

let age :number = 70;
let problem :boolen = false;
let problem :undefined = undefined;
let problem :null = null;

2. array 자료형

변수 하나에 여러자료 넣고 싶다면 array 자료형을 사용하면 된다.

let members = ['Im', 'Su']
  • array 자료에 타입지정 가능
let members :string[] = ['Im', 'Su']

3. object 자료형

  • 변수 하나에 여러 자료 넣고 싶다면 object 자료형
let members = { member1 : 'Im', member2 : 'Su' }
  • object 자료에도 타입지정이 가능
let members : { 
  member1 : string, member2 : string 
} = { 
  member1 : 'Im', member2 : 'Su' 
}

: let members : { member1 : string, member2 : string } 이 변수에는 object만 들어올 수 있다
: 그리고 number1옆엔 string
: 그리고 number2옆엔 strung


4. ProTip

타입지정을 해주지 않아도 타입지정은 원래 자동으로 된다.

let members = 'Su'

5. Homework

(1) 이름, 나이, 출생나라을 변수로 각각 저장하기

let name: string = 'Su';
let age: number = 28;
let country: string = 'Korea';

(2) 가장 좋아하는 곡과 가수 이름을 변수에 object 자료형으로 담기

let favorite : { song : string, singer : string } = { song : 'love', singer : 'iu' }

(3) 다음과 같이 생긴 자료의 타입지정 하기

let project = {
  member : ['kim', 'park'],
  days : 30,
  started : true,
}

: project 변수 우측에 적으면 되고 member 안엔 문자로 가득한 array만 들어올 수 있고 days는 숫자, started는 true/false만 들어 올 수 있다.


let project :{
	number : string[],
  	days : number,
  	started : boolean,
} = {
	member : ['su', 'su'],
  	days : 28,
  	started: true,
}
profile
Dev bestsu

0개의 댓글