[Udemy] Typescript :기초부터 실전형 프로젝트까지 with React + NodeJS 강의후기 1편

운 좋게 유데미 얼리 에듀터에 걸려서 이번에 React + NodeJs 강의를 무료로 들을 수 있게 되었다!

 

이전부터 듣고 싶어서 장바구니에 강의 담아놓고, 얼리에듀터 안걸리면 그냥 할인할때 사서 들어야지 하던건데 걸려서 짱좋음 히히

강의 후기 시작

 

1.Typescript란?

 

타입스크립트(이하 TS)는 자바스크립트 슈퍼셋이다

(슈퍼셋이 뭔지 찾아봤는데, 뭐 일상적으로 쓰는 단어가 아닌지 검색에는 따로 나오는게 없더라 ㅠㅠ)

 

타입스크립은 자바스크립트에 기반한 프로그래밍 언어인데, 말 그대로 완연히 새로운 언어가 아니라 JS에 다양한 advantage를 더한 언어라고 생각하면 된다

그렇게 장점을 더했지만 아주 치명적인 단점은 TS 자체로는 브라우저에서 JS처럼 실행 안되는 것이다.

 

2.그러면 TS를 어케 쓰란 말이오?

 

< 답부터 말하자면 터미널에 tsc 파일.ts 명령어를 통해 js파일로 바꿔서 사용한다 >

 

타입스크립은 프로그래밍 언어인 동시에 툴이라고도 볼 수 있는데, 왜냐하면 컴파일러를 통해 TS 코드를 JS 로 변경시켜주기 때문이다.

 

컴파일러가 새로운 기능들을 자바스크립 워크어라운드로 컴파일시키고, 타입스크립트는 더 나은 신텍스와 방법을 제공해준다음 자바스크립 코드로 컴파일 하는 순서로 진행된다.

나도 이해는 못하고 그냥 강의에서 그렇게 말해주더랑.

 

즉, 자바스크립에서 불가능한 것을 추가할 순 없지만, 더 좋은 기능과 신텍스 사용 가능하다는 말이다!

 

3.JS로 그냥 바꿔주는것 같은데 걍 JS를 쓰면 되잖아? 귀찮잖아?

 

< 이렇게 질문하면 나도 사실 뭐라 답해야 할지 모르겠다. 조금 동의함 >

 

우선 타입 스크립트는 타입을 추가하는것이 제일 큰 특징이라고 생각하면 되는데, 코드가 실행되고 브라우저에서 오류가 발생하기 전 오류를 먼저 발견할 기회를 개발자에게 제공해주는 것이 가장 좋은 특징이다.

그렇게 때문에 TS를 쓰는게 아닐까?

 

또한 TS는 JS에서의 새 기능과 더 나은 방식을 제공해주면서, 동시에 런타임 오류로 발견되었을 오류를 개발 초기에 발견하고 고칠수 있도록 추천해준당.

 

사실 여기까지 계속해서 쓰면서, 이전에 udemy에서 들었던 클린코드 자바스크립트랑 어떤 차이가 있는가 궁금해졌는데

이 부분은 차차 공부해나가면 알게 될 내용이라 생각한다.

 

타입스크립트는 위에서 말한 것 처럼 타입을 사용해서, 에러를 피할 수 있는데 현대의 신분증(번역으로는 신분증이라 나와있었는데, 뭔가 확인하는 툴을 이야기하는 것 같음)을 사용할수 있는데, 자동 완성과 오류를 저장할수 있어서 typescript사용하면 컴파일하는데 좋다고 계속해서 TS를 써야할 이야기를 해준다.

 

그리고 다른 기능도 사용할 수 있는데, 차세대 자바스크립 기능을 typescript에서 사용 가능하다는 것이다.

즉 오래된 브라우저에서도 작동하는 자바스크립으로 작동하도록 하는데 쉽게 말해서 babel같은것이 있다는 것 같다.

 

 

대충 1편에서는 이렇게 TS에 대한 간단한 설명과, 왜 TS를 써야하는지에 대한 내용이 있었다.