본문 바로가기

Web/Node.JS

[패스트캠퍼스 챌린지 4일차] TypeScript Config

Fast campus Logo

 

Fastcampus_Node.js 수강 목록

 

패스트캠퍼스 작심 30일 챌린지 4일차.


오늘 강의는 Ch.2의 마지막 과정인 Node.js를 위한 TypeScript Config 구성.

요즈음 TypeScript를 많이 배우던데, 이 과정을 계기로 TypeScript에 대해 조금 자세히 공부해봐야곘다.

 

실제 현업에서 javascript로만 개발하다 보면 변수에 어떤 타입이 지정되어 있는지 항상 console을 찍어봐야했다.

미리 Type을 강제할 수만 있다면 console을 통해 확인하지 않아도 타입을 알 수 있으니 생산성이 향상될 것 같다.


실습1 - Type Check

 

먼저 Typescript Package를 설치한 후 JS 파일 맨 위에 '//@ts-check' 구문을 작성하면 Typescript를 사용할 수 있다.

String Type에 숫자를 넣거나, Numeric Type에 문자를 넣으면 타입스크립트 패키지가 바로 에러 메시지를 알려주고,

문법이 잘못될 경우 어떤 문법으로 작성해야 하는지도 추천해준다.

(조금 더 배워봐야겠지만 TypeScript 강의도 수강할까 고민 중이다.)


실습2 - Typescript 적용 후 HTTP 서버 작성

 

Type Check뿐만 아니라 Node 환경에서 TypeScript에 도움을 받아 개발을 하기 위해 @types/node를 설치해야한다.

@types/node는 Node에서 주로 사용되는 객체들에 대한 타입이 정의 되어있는 파일이다.


실습3 - jsconfig.json

 

마지막으로 Typescript에 대한 config 파일을 작성하기 위해 jsconfig.json 파일을 생성한다.

jsconfig.json 파일에서는 strict 등 타입 체크와 관련된 config 환경과 어느 파일에 적용할 것인지 작성할 수 있어,

강제적으로 타입을 체크할 파일들을 관리할 수 있고, 일관성 있는 코드 개발에 도움을 줄 수 있다.

 

* jsconfig.json Reference : https://code.visualstudio.com/docs/languages/jsconfig


Ch.2에서 사용한 Package

 

TypeScript에 대한 설명을 마무리로 Ch.2 강의를 모두 수강하였다.

Node.js만이 아닌 Script를 통해 개발할 경우 개발자의 코딩 스타일과 타입 정의를 강제할 수 있는 다양한 Package들에 대해 학습하였다.

 

오늘까지의 강의를 바탕으로 일반적인 javascript 개발에 대한 규칙을 나름 정하고, 소스코드에 적용할 수 있도록 개별적으로 공부를 해봐야겠다.

 

아직 강의를 많이 들은 것은 아니지만 '한 번에 끝내는 Node.js 웹 프로그래밍 초격차 패키지 Online' 강의를 통해 Node 뿐만 아니라 현업에서 많이 사용되고 있는 다양한 Package들에 대해 학습하고 기술 스택 향상에 대한 동기부여가 생겨 자기계발에 많은 도움이 되고있다.

 

내일부터는 Typescript와 모던 Javascript에 대해 학습 예정이니 조금 더 잘 알아둬야겠다.


[오늘의 학습 내용]

◎ Typescript로 Type Error Check

- TypeScript

    - Javascript + Type 정의
    - 일반적인 javascript 코드에서도 사용 가능
    - TypeScript Package 설치
    - 설치 후 script 파일 상단에 //@ts-check 구문을 추가하면 Typescript 사용 가능

 

node 환경에서 Typescript 도움 받기

- Types/node package 설치
    - node에서 주로 사용되는 객체들에 대한 Type이 정의되어 있음
    - 설치 후 node_modules의 @types에서 확인 가능


[오늘의 학습통계]

패스트캠퍼스 작심 30일 챌린지 4일차 학습통계

 

- 패스트캠퍼스 URL : https://bit.ly/37BpXiC

* 본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.