Node.js & TypeScript

TypeScript

martinooo 2021. 7. 20. 11:56
728x170

JavaScript & TypeScript  Study  시작

최근에 IT기술이 빠르게 변하고 새로운 기술들도 많이 나오는거 같습니다.
그래서 기술에 변화의 3가지 유형에 대해서 공부를 해봤습니다 

1. 변하지않는 기술 : 네트워크 , 운영체제 , 컴퓨터 시스템
2. 느리게 변하는 기술 : 프로그래밍 언어, 알고리즘, 보안, 프로그래밍 패러다임
3. 빠르게 변하는 기술 : 프레임워크, 라이브러리, 디자인패턴, UI UX

1번 기술과 2번기술은 3번기술에 비해 더많은 지식과 스터디 양이 필요하고 노력이 필요합니다. 3번기술에 노력과 지식이 필요없다는 말은 아니에^^  

3번기술은 우리가 많이 사용하는 프레임워크, 라이브러리이며 트렌드를 많이 타고 빠르게 변하는 기술이며 공부를 할때도 가장 접근해서 기술을 습득하기 좋은 기술로 생각해서 저는 TypeScript 공부를 시작했습니다.

 
TypeScript 공부를 시작할때 JavaScript 기본적으로 하실줄 알아야됩니다!


웹앱을 개발하기 위해서 구성하는 3가지 요소는: HTML , CSS , JAVASCRIPT 입니다! 


TypeScript 공부를 하기위해선 기본적인 설치 프로그램들이 있는데 좀더 이론적인 부분을 공부하고 알려드리겠습니다!

TypeScript란?
TypeScript 일종의 트랜스 파일러 중 하나이며 TypeScript는 JavaScript의 일종의 슈퍼 셋이라고 불린다.
JavaScript의 모든기능을 TypeScript가 지원을하고 추가적인 기능을 추가해준다 그래서 JavaScript 기본적으로 알고 있어야한다! 그리고
TypeScript 는 Microsoft에서 개발 및 유지 관리 하며 오픈 소스 프로그래밍 언어입니다.

자그럼!!

개발환경을 셋팅해요 

1. VS코드를 설치 하시고 
https://code.visualstudio.com/

 

2. node.js 설치
https://nodejs.org/en/

*번들러 설치전 nodejs 설치가 되어있어야됩니다!*

3. Parcel.js 설치 *프론트개발에 굉장히 중요한 도구중 하나인 번들러 소프트웨어중 하나입니다

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

weppack , parcel , rollup 대표적인 프론트개발 번들러 이다 * 
https://parceljs.org/
설치 방법은 cmd 창에서 npm install -g parcel-bundler 설치 

4.TypeScript 설치 
https://www.typescriptlang.org/
참고로 npm 홈페이지에 typescript 에대해서 보면 좋아요 

npm install -g typescript 설치 


이렇게 설치를 해주시면 됩니다 
감사합니다!

그리드형

'Node.js & TypeScript' 카테고리의 다른 글

Haker News Part 3 코드 리팩터리  (6) 2021.07.29
Haker News project part2  (8) 2021.07.29
Haker News project part 1  (9) 2021.07.26
Modern JavaScript & TypeScript 개발환경  (10) 2021.07.21
Node.js 는 무엇인가?  (20) 2021.07.06