Nodejs에서의 타입스크립트 8 - 자바스크립트에서 타입스크립트로 마이그레이션 2 : 실습 문제 풀기

원래 이 실습 문제는 내 로컬 환경에서 진행하는 거라 다운 받아서 하기 귀찮아서 실습을 진행하지 않았다. 근데 4주 차 학습을 하다 보니 마이그레이션을 하는 문제가 또다시 나오고 있어서 아무래도 이 실습을 해보는 게 좋을 것 같았다.

---

 
 
 
 
 

실습 2 - 자바스크립트에서 타입스크립트로 마이그레이션

---

 
 
 
 

코드를 작성하기 전에 준비할 것

 

1. 터미널 창에서 코드 실행하기

 
파일을 열고 실행 코드를 쳤으나 아무리 해도 되지 않았다. 나중에 그 이유를 알게 되었는데 이 실습 프로그램을 위해서는 Nodejs를 설치해야 한다.

---

 
 

2. Node.js 설치하기

이 사이트에 들어가서 먼저 Nodejs를 설치해야 한다.

Node.js 설치 사이트

Node.js — 어디서든 JavaScript를 실행하세요

 
 
압축 파일을 받아서 설치하면 된다.

 
 
 

 
단순히 타입스크립트를 사용하는 일반 사용자라면 선택하지 않아도 무방하지만 개발자라면 선택하는 것이 좋다고 한다. 
 
 
 

 
설치가 다 되면 자동적으로 이 프로그램이 작동된다.
 
 
 

 
지금은 네이티브 모듀을 사용하지 않을 거라 그냥 꺼주었다.

---

 
 
 

3. 명령 프롬프트에서 타입스크립트 설치하기

터미널 창에서 하면 일시적으로 사용할 수 있는 기능이 실행되지만, 명령 프롬프트에서 하면 전역으로 설치할 수 있다. 난 cmd 창에서 진행했다.
 

 
이제 설치가 모두 되었다.

---

 
 
 

json 파일 만들기

원래 터미널 창에서 하라고 하는데 내 VS 코드는 실행이 되지 않아서 cmd 창에서 진행했다.
 

 
경로를 변경한 후에 이 명령어를 치니 json 파일이 다음과 같이 만들어졌다.
 
 

 
이제 타입스크립트의 모든 설정이 만들어진 것이다.
 
 
 

 
여기서 주석은 모두 삭제하고 isolateModules를 true로 추가한다.

---

 
 
 

babel.config.js

 

1. yarn 설치하기

강의 내용에는 빠진 코드들이 있어서 실행이 안되었다. 먼저 yarn이 설치되어 있어야 한다.

npm install -g yarn

 
이 명령어를 치면 다음과 같이 설치가 된다.
 

 
이제 yarn이나 npm을 사용할 준비가 된 것이다. 이제 강의에서 언급한 명령어를 써도 될 것 같다.

---

 
 
 
 

2. babel 패키지 설치하기

조금 전에 썼던 이 명령어를 다시 쳐 본다.

yarn add -D @babel/plugin-transform-runtime @babel/preset-typescript

 

 
패키지 설치가 아주 잘 되었다. 이제 플러그인을 추가하는 코드를 작성한다.

---

 
 
 

3. babel.config.js에서 코드 작성하기

 
 
 

4. js 파일을 모두 ts로 변경하기

 
이렇게 js 파일을 모두 ts로 변경하면 오류가 많이 뜬다. babel.config만 제외하고 모두 ts로 바꾸었다.

---

 
 
 

express를 위한 yarn 패키지 설치하기

 
 

 
이제 app.ts의 오류가 모두 사라졌다.

---

 
 
 

uuid 패키지 설치하기

 
이 패키지도 설치하면 오류가 일부 사라진다. 그런 다음 파일을 하나하나 살펴보며 오류를 수정하면 된다.

---

 
 
 
 

코드 오류 수정하기

 
BaseModel을 만들어서 인터페이스로 작성했다.
 
 
 
 

 
 

 
코드를 몇 시간 동안 수정해보았지만 아직 고쳐지지 못한 파일이 하나 있었다. 아무튼 이런 식으로 해서 타입스크립트로 파일을 수정할 수 있다는 것을 알게 되었다. 파일이 정말 많은데 일부만 첨부해 보았다.

---

 
 
 
 

학습을 마치고

React로 마이그레이션을 하는 학습을 진행하다 3주 차에서 공부하지 않고 넘어갔던 부분을 실습하느라 참 많은 시간이 걸렸다. 하다 보니 너무 지쳐서 이제 타입스크립트를 그만 공부하고 싶어 진다. 
아무튼 정말 힘들고 어려운 과목이다.