[2022. 02. 02]
입사 후 C#과 유니티에 대해서 꾸준히 공부를 하고있었다.
최근에는 블록체인 및 NFT에도 관심이 생겼다. NFT를 활용하여 추후에 게임 및 메타버스 쪽 프로젝트를 진행할 때
다방면에서 활용할 수 있을 것 같아서 셋팅하고 공부를 시작했다.
▼ 공부 시작 전에 node를 설치해주고 npm과 node.js를 설치해줬다.
▼ Gitlab에 저장소를 만든 뒤 TypeScript 프로젝트를 새로 만들었는데 Console을 인식 못하는 에러가 있다.
▼ 컴파일러에서 뱉어내는 오류에 말을 따라 tsconfig에서 lib에 dom을 추가해줬다. 그러고나서 vs2019를 껐다 켜보니
▼ 해당 에러는 없어졌다.
그러나 실행을 해보니 Hello World를 안띄우고 에러를 뱉어내길래 확인해봤는데
Typescript 컴파일러가 제대로 설치가 안되었다고 한다.
powershell 터미널에서 해당 명령어를 실행해줬는데 up to date이다. 에러를 뱉어내는 곳을 찾아가봤는데
위에 보니깐 경로에는 해당 폴더에 tsc는 존재하지만 EnableTypeScript가 false이기 때문에 Text를 뱉어내는 것 같다.
그래서 vs2019의 extension에서 typescript를 검색해봤고 Typescript SDK를 받을 수 있었다.
설치 후 다시 프로젝트를 만들어봤다.
Terminal에서 npm init -y를 통해 초기 셋팅을 해줬다.
▼ 그로인하여 생성된 package.json이다.
F5로 빌드(실행)하는 것은 이제 오류가 안뜬다.
그리고 타입 스크립트 설치(최신화)를 npm i -g typescript로 실행했고
터미널에서 tsc를 입력하여 타입스크립트 컴파일 시도가 에러 없이 잘 되는 확인하였다.
에러가 없음을 확인하였고
package.json 에서 start, prestart 구문을 추가하였다.
1. 만약에 npm start를 입력하게 된다면 package.json의 세팅 값대로 prestart인 "tsc"가 먼저 발생하여 typescript용 컴파일러에 접근한다.
2. tsc(타입스크립트 컴파일러)에 접근 했다면 node app.js를 통해 app.ts 스크립트를 js로 해석하여 실행해준다.
3. 결과 : Console.Log("Hello World")가 실행되었다.
위 절차를 밟는 이유는 간단하다
: Node.js는 TypeScript를 이해할 수 없기 때문에 해당 스크립트를 일반적인 Javascript 코드로 컴파일 하는 작업이 필요하다. 그러기 위해서는 tsc (타입스크립트 컴파일러)를 통해 ts를 js로 컴파일해준다. 그 다음 node 스크립트이름.js 명령어로 변환된 Typescript를 실행해준다.
만약에 틀린 부분이 있어 지적해주신다면 감사드리겠습니다 :)
'개발 (언어) > TypeScript & Blockchain' 카테고리의 다른 글
[Block_chain] Typescript(6) 블록체인 구현 - IsValid 체크 (0) | 2022.02.06 |
---|---|
[Block_chain] Typescript 활용(5) - 블록체인 구현 (0) | 2022.02.06 |
[Block_chain] Typescript 활용(4) - 인터페이스 (0) | 2022.02.06 |
[Block_chain] Typescript 활용 (3) 및 생각 중간 정리 (0) | 2022.02.06 |
[Block_chain] TypeScript 활용(2) (0) | 2022.02.02 |