Front End

TypeScript 기본적인 문법들

DevHam94 2023. 7. 30. 16:19

type을 선언해줄때 

type newsFeed = {
  id: number;
  comments_count: number;
  title: string;
  read?: boolean;
}

이렇게 read뒤에 ?를 넣어주면 처음에 네트워크에서 데이터를 가져올때 optional하게 가져올 수 있는값이 되어 값이 없다가 나중에 넣을 수 있게된다. 

 

type을 선언할때 공통되는 속성을 따른 타입으로 선언해 하나의 타입을 선언할때 합쳐줄 수 있다. 

type News = {
	id: number;
    time_ago: string;
    title: string;
    url: string;
    user: string;
    content: string;
}
// 이렇게 공통되는 속성을 선언하고

type NewsFeed = News & {
	comments_count: number;
    points: number;
    read?: boolean;
}
//이런식으로 합쳐줄 수 있다.

 

# 제네릭