[노마드코더 무료강좌] 타입스크립트로 블록체인 만들기 (1)

1.npm 파일 세팅

npm init -y

typescript설치
npm i -D typescript

package.json 초기화
- 파일내의 main:index.js 부분을 삭제, script 부분도 우선 공백으로 남겨둠

2.src 폴더 생성

폴더 생성후 이제 자바스크립트 파일로 변경하기 위한 테스트 파일로 index.ts 파일 생성

const hello = ()=> 'hi'
class Block {
    constructor(private data:string){}
    static hello(){
        return "안녕!"
    }
}

간단한 내용 하나만 작성

3.tsconfig.json 설정

디렉터리에 tsconfig.json 파일이 있으면 해당 디렉터리가 TypeScript 프로젝트의 루트임을 나타냅니다. tsconfig.json 파일은 프로젝트를 컴파일하는 데 필요한 루트 파일과 컴파일러 옵션을 지정합니다.

• tsconfig.json 파일 수동으로 생성

{
    "include": ["src"],
    "compilerOptions": {
        "outDir": "build",
        "target": "ES6"
    }
}

{} 먼저 생성후 그 안에 키값을 작성하기 위해서 "" 만 작성해도 여기서 생성할수 있는 내용들이 나옴. 이 방법으로 2가지 키를 작성.

include : 어떤 파일들을 포함시킬건지. 우리는 src 폴더를 전제로 지정할 예정
outDir : 자바스크립트 파일이 생성될 디렉토리(폴더) 지정. 여기서는build 라는 폴더를 자동으로 만들어서 그 안에 생성될것을 지시하기 위해 저렇게 작성.

이후 저게 실행되게 하기 위해서.
package.json 안의 script 부분에

  "scripts": {
    "build":"tsc"
  },

다음과 같이 작성이후 터미널에서 npm run build를 입력후 실행하면 build 라는 폴더가 생성되고 그 안에 타입스크립트를 자바스크립트로 변환해준 폴더와 파일들이 자동으로 생성됨.

Target: 자동으로 생성될 자바스크립트 파일의 버전을 정할 수 있음 (기본값: ES3)

• 최신 브라우저는 모든 ES6 기능을 지원하므로 ES6는 좋은 선택입니다. 코드가 이전 환경에 배포된 경우 더 낮은 target을 설정하거나 최신 환경에서 코드 실행이 보장되는 경우 더 높은 target을 설정하도록 선택할 수 있습니다.
  ex) 화살표 함수() => this는 ES5 이하이면 함수 표현식으로 바뀝니다.

• 특별한 ESNext 값은 TypeScript 버전이 지원하는 가장 높은 버전을 나타냅니다. 이 설정은 다른 TypeScript 버전 간에 동일한 의미가 아니며 업그레이드를 예측하기 어렵게 만들 수 있으므로 주의해서 사용해야 합니다.
  https://www.typescriptlang.org/tsconfig#target