타입스크립트02

02. 타입스크립트 프로젝트 만들기!

---

타입스크립트 프로젝트란?

• Node.js 프로젝트에 개발 어어만 타입스크립트를 사용하는 프로젝트

Node.js 프로젝트란?

• 프로젝트 디렉터리에 package.json 파일이 있는 프로젝트
• package.json 파일은 ‘npm init –y’명령으로 생성
• 타인이 만든 프로젝트인 경우 ‘npm install’ 명령으로 package.json파일에 기술된 패키지들을 설치 필요

타입스크립 관련 패키지 설치하기

• 컴파일러와 ts-node 설치하기

• Nodejs 프로젝트는 디렉토리 하나 만들고 여기에 package.json 파일을 만드는 것으로 시작

> mkdir ch02-1
>cd ch02-1
> npm init --y
> npm i -D typescript ts-node

타입라이브러리 설치하기

> npm i -D @types/node

tsconfig.json 파일 만들기

> tsc --init

src 디렉터리와 소스 파일 만들기

• tsconfig.json 파일의 include 항목 [“src/*/“]값의 의미 : package.json 파일이 있는 ‘.’ 디렉터리 기준으로 ./src와 ./src/utils 처럼 src의 모든 서브 디렉터리들에 타입스크립트 소스 파일이 있다는 뜻이다.

• src 디렉터리와 src/utils 디렉터리를 동시에 만드는 명령

> mkdir -p src/utils

• touch 명령은 src/index.ts 파일과 src/utils/makePerson.ts 파일을 동시에 생성하는 명령

> touch src/index.ts src/utils/makePerson.ts

src/utils/package.json.ts 파일 코드 작성하기

export function makePerson(name:string,age:number){
    return{name:name, age:age}

}
export function testMakePerson(){
    console.log(
        makePerson('Jane',22),
        makePerson('Jack',33)
    )
}

• .ts 파일이 모듈이기 위해서는 코드에 반드시 import or export 구문이 있어야 한다.

src/index.ts 파일 코드 작성하기

import {testMakePerson} from './utils/MakePerson'
testMakePerson()

개발 모드

> npm run dev

배포 모드

> npm run build