[패캠] 타입스크립트 문법 - 타입 가져오기와 내보내기 (export, import) (19/20)

Fastcampus 프론트엔드 개발 강의

💡 본 타입스크립트 문법 시리즈는,
     패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다.

 

현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다.

강사님은 김영웅(Heropy) 님이다.

이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅)

 

강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다.

혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥

 

19. 타입 가져오기와 내보내기

---

타입 내보내기와 가져와서 사용하기

export 키워드를 default 없이 작성했다면 이름을 가지는 내보내기이다.

타입스크립트 파일 user에서 함수 데이터와 타입도 가져올 수 있으며, 가지고 온 함수와 타입은 실제로 코드에 적용해서 쓸 수 있다.

// user.ts
export interface User {
    firstName: string
    lastName: string
    age: number
    isValid: boolean
}

export function getFullName(user: User) {
    return `${user.firstName} ${user.lastName}`
}

// main.ts
import { getFullName, User } from './user'

const heropy: User = {
    firstName: 'Heropy',
    lastName: 'Park',
    age: 85,
    isValid: true
}
const fullName = getFullName(heropy)

console.log(fullName)
console.log(heropy.isValid)

 

정리

타입스크립트 파일에서 어떤 특정한 타입을 export 키워드로 내보내기를 할 수 있다. 그 타입을 import 키워드로 가져와서 사용하는 것도 가능하다.

 

 

Reference

---

김영웅 강사님 블로그 中 TS 파트

https://heropy.blog/2020/01/27/typescript/

한눈에 보는 타입스크립트(updated)

 

김영웅 강사님 유튜브 채널

https://www.youtube.com/channel/UCcjhMpoaNvyy0StN9KgtF6w

HEROPY