No Story, No Ecstasy

Do It! 타입스크립트 프로그래밍 [프로젝트 생성과 관리] 본문

Frontend Series

Do It! 타입스크립트 프로그래밍 [프로젝트 생성과 관리]

heave_17 2021. 4. 18. 20:10

book.interpark.com/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=331358159&sc.saNo=003002001&bid1=search&bid2=product&bid3=title&bid4=001

 

싸니까 믿으니까 인터파크도서

2만 5천원짜리 책 한 권으로 연봉을 1,000만원 이상 올릴 수 있을까? 영국의 'IT 잡 워치(itjobswatch.co.uk)'에 따르면 2020년 2월 타입스크립트의 평균 연봉은 자바스크립트보다 7천 500파운드(우리 돈 약

book.interpark.com

 

. 개발 과정: nodejs 프로젝트 생성 > 개발 언어를 타입스크립트로 설정 (package.json 설정)

# @types.node: 타입스크립트에서 Promise같은 기본 타입들을 사용하기 위해서 필요
$ yarn add -D typescript ts-node @types/node

# typescript를 위한 config 설정
$ tsc --init
$ mkdir -p src/utils
$ touch src/index.ts src/utils/makePerson.ts

   *  시작 소스 파일 명이 index인 이유: 소스 파일명이 index이면 파일명을 생략하고 단순히 ts-node ./src로 실행할 수 있다. 이 때문에 프로젝트의 시작함수(엔트리함수)아 있는 소스 파일명은 보통 index로 짓는다.

 

. 프로젝트 개발 시에는 ts-node를 사용하지만, 막상 개발이 완료되면 ES5로 별환해 node로 실행해야 한다. 따라서 package.json에 다음 내용을 추가해야 한다.

"scripts": {
	"dev" : "ts-node src",
    "build" : "tsc && node dist"
}

 

. 소스 파일 하나를 보통 모듈이라고 한다. (import export 사용)

  . export default는 한 모듈이 내보내는 기는 중 오직 한 개에만 붙일 수 있다. (중괄호 없이 import 가능)

  . 외부 패키지 사용시 import문에 경로를 생략하고 패키지명만 사용할 수 있다. (node_modules 내부에 위치하므로)