챌린지 17일차. 자바스크립트 파트를 진행하고 있었는데 타입스크립트를 사용할 일이 생겨서 타입스크립트 파트를 먼저 배우기로 했다. 아무래도 혼자 공부하면 이런 점에 있어선 자유로워서 좋은 것 같다. 그래서 오늘은 Part5. TypeScript Essentials 를 들으면서 기본 정보와 설치, 사용설정 등을 해보았다.
TypeScript
타입스크립트는 프로그래밍 언어이다. 우리가 사용하는 자바스크립트에 Typed이라는 개념을 추가하여 적용시켜 자바스크립트를 확장한 언어이다. 동시에 컴파일 언어이지만 전통적인 컴파일 언어와는 다른 점이 많기에 "Transpile"이라는 용어를 사용하기도 한다.
타입스크립트는 브라우저나 노드의 작업환경에서 작동하는데 에디터를 사용한 뒤, 타입스크립트 컴파일러를 사용하여 변환을 해주어야한다. 그래야만 읽어서 사용할 수 있는 plain javascript로 변경한 다음, 그 코드를 브라우저나 노드에서 사용할 수 있는 것이다.
설치 및 사용
타입스크립트를 사용하기 위해서는 우선 노드나 브라우저의 작업환경이 필요하다. 브라우저의 경우에는 있는 브라우저를 사용하면 되지만 크롬이 가장 좋다. 노드는 사용을 위해 설치가 필요한데 나는 이미 이전에 노드를 설치하고 글을 작성해놨기에 링크를 두었다.
https://hello-yeond.tistory.com/53
패스트캠퍼스 챌린지 12일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online
챌린지 12일차. 이전에 리액트 강의를 들을 때에 강의 초반에 Node.js를 사용하는 과정이 있었다. Node에 대한 정보는 1도 없었어서 그냥 따라하면서 대충 nvm, npm 등의 명령어를 알게됐었는데 자세
hello-yeond.tistory.com
그 다음엔 타입스크립트 컴파일러를 설치해야하는데 설치 방법에는 2가지가 있다. 우선 npm을 사용하여 설치하는 방법을 간단하게 적어보았다. 아래의 명령어를 차례대로 입력하여 설치할 수 있다.
npm i typescript -g
node_module/.bin/tsc
tsc source.ts
다음은 Visual Studio plugin을 설치하는 방법이다. 이것은 Visual Studio 2017/ 2015 update 이후에는 디폴트로 설치되어 있기에 그냥 사용하면 된다. 하지만 두가지 방법 중 권장되는 것은 npm을 사용하여 설치하는 것이다. 웹 개발에는 보통 VS Code를 사용하기 때문에 VS Code 터미널에서 npm을 사용하여 설치하는 방법이 조금 더 권장되는 방법이기도 하다.
패스트캠퍼스 [직장인 실무교육]
프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.
fastcampus.co.kr
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.
#패스트캠퍼스 #패캠챌린지 #직장인인강 #직장인자기계발 #패스트캠퍼스후기 #한번에끝내는프론트엔드개발초격차패키지online
