[Typescript] 시작하기

첫 설정

1. 커맨드에서 작업 파일로 이동한다.  yarn init 입력-> package.json 생성

2. 커맨드에 yarn global add typescript 설치

 

tsconfig.json 

1. tsconfig.json 파일 생성 

   -tsconfig.json은 이 파일에 TypeScript가 어떻게 JavaScript형식으로 바뀔 건지 설정하는 파일 

"module" : nodejs를 간단히 사용할 수 있고 다양한 걸 import 하거나 export 할 수 있게 사용

 

"target" : 어떤 버전의 JavaScript로 컴파일되고 싶은지 적는 것

 

"sourceMap" : 어떠한 sourceMap 처리를 하고 싶은지 나타냄

    -소스 맵(Source Map)이란 배포용으로 빌드한 파일과 원본 파일을 서로 연결시켜주는 기능. 보통 서버에 배포를 할 때 성능 최적화를 위해 HTML, CSS, JS와 같은 웹 자원들을 압축합니다. 그런데 만약 압축하여 배포한 파일에서 에러가 난다면 어떻게 디버깅을 할 수 있을까요?

정답은 바로 소스 맵을 이용해 배포용 파일의 특정 부분이 원본 소스의 어떤 부분인지 확인하는 것입니다. 이러한 편의성을 제공하는 것이 소스 맵입니다

 

"include" 컴파일 과정에서 포함할 파일의 배열을 적으면 된다.

 

package.json

분석:   

1. "name" : "TypeChain"이라는 폴더에 위치하고 

2. yarn start 커맨드 명령어 실행 시 "prestart" 실행 후 -> "start"명령어 실행 

3. node로 index.js 파일을 생성한다. 결과 -> index.js파일을 생성해주고  console.log("hello")를 만들어 보여주는 모습

TS 파일

js 파일

->3번이 가능한 이유: node.js는 TypeScript의 코드를 읽지 못하기 때문에 일반적인 JavaScript언어로 컴파일하는 작업이 필요하다