MSPark's Blog

Typescript를 제대로 공부하고 싶어졌다.

Typescript로 뭘 만들어볼까 하다가 일단 NodeJS를 이용하여 간단한 서버부터 해보기로 했다.

그러면서 지금까지 Git을 잘 활용해보지 못했는데 Git도 한번 현란하게 사용해보고 싶어졌다.

일단 Typescirpt 설치방법부터 다시 정리해보자.

사실 이전에 Phaser엔진을 다룰때 환경설정을 해본적이 있으나 뭔가 새로운것을 도입해보고 싶은게

개인 프로젝트의 덕력이니 약간 다른방식으로 개발환경을 구축해보자.

이전에는 nvm을 이용하여 node 버전관리를 했었는데 찾아보니까 요즘에는 n이라는게 잘나가는것 같은데

맥이나 리눅스만 사용가능한것 같고 찾아보니 윈도우에서는 nodist라는 녀석이 있었다.

nvm-windows는 이전에 사용해봤으니 nodist를 사용해보기로 결정했다.

https://github.com/nullivex/nodist

설치방법을 보니 Chocolatey를 이용해서 설치하는 방법이 있었다.

이전에 본적이 있었는데 윈도우 환경에서 개발할 때 설치가 필요한 것들을 모아놓은 솔루션이라고 한다.

그래서 먼저 Chocolatey를 설치해보기로 했다.

https://chocolatey.org/install

설명에 나온대로 PowerShell을 관리자 권한으로 실행하였고

설치하는 명령어를 복사해서 실행하면 끝!

이제 choco라고 실행해보면 설치가 되었음을 알 수 있다.

이제 nodist를 설치해보자!

choco install nodist

참고로 관리자 권한으로 실행한 PowerShell에서 실행하지 않으면

뭐라뭐라 하면서 안 될수도 있는데 그래도 할래?

(중간에 ChocolateyInstall.ps1를 사용할 것인가 등등의 이유 때문인듯)

라고 물어보길래 그냥 PowerShell에서 설치했고 중간에 Yes도 해주었음...

설치완료!

테스트 삼아 nodist dist 명령을 실행해보니 node 버전들이 나왔다.

13.1.0 이라니...

열심히 설치는 했지만 가장 최신버전을 설치할 것이다. ㅋㅋㅋ

nodist + latest 라고 치면 된다.

npm은 nodist npm + latest

굉장히 직관적인데..

+는 설치, -는 제거, 그냥 입력은 해당 버전으로 switch이다.

매우 간단한듯!

github 레퍼지토리를 하나 생성하고 리드미컬하게 README.md파일을 올려보자.

덕력이 발휘되어서 코딩 시작전에 markdown 문법을 다시 공부하고있다.

정신차리고 다시 코딩에 집중해보자. ㅎㅎ

typescript 설치

npm install -g typescript

npm outdated -g typescript를 이용하면 최신 버전이 나왔나 확인할 수 있음.

만약 최신버전이 나왔다면??

npm uninstall -g typescript

npm cache clean

npm install -g typescript

하면 다시 새로운 typescript가 설치된다.

간단한 console.log 찍는 ts 파일을 만들고 tsc를 돌려본다.

js파일이 뽑혀나왔다!

node로 js파일을 실행시켜보았다.

콘솔 로그가 찍혔다.

잘 되는듯 하다. ㅎㅎㅎ

이제는 쉽게 실행시킬 수 있게끔 tsconfig.json을 추가하는 것이다.

tsc --init으로 tsconfig.json을 생성해주자.

빡세게 타입 검사를 하기 위해 noImplicitAny를 true도 수정하고 진행해보자.

실행을 위한 tasks도 만들어주었다.

vscode의 terminal이 powershell이면 이전에 chocolatey로 설치할 때 처럼 뭔가 권한문제가 발생하는 것 같아서

그냥 console창을 기본 terminal로 두고 작업하기로 함 ㅎㅎ

하여튼 이제부터 본격적으로 시작!

어차피 막 공부하려고 만든 녀석이니까 하고 싶은대로 막 해보고 git도 막 이상하게 써보면서 익숙해져야겠다.