-
[WEB] Javascript & Typescript 환경설치Web 2022. 8. 6. 03:41
visual studio code와 node.js는 이미 설치한 상태라
parcel 이라는 프로그램만 설치하였다! (아래 링크에서 다운로드 가능)
Parcel – The zero configuration build tool for the web.
Parcel combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to massive production application.
parceljs.org
parcel이라는 프로그램은 프론트엔드 개발자에게 가장 중요한 번들러라고 하는 소프트웨어 중의 하나인데, 실제로 번들러에서 가장 중요한건 webpack이라는 것이다. (웹앱을 개발하기위해서는 필수적으로 깔아야함)
자바스크립트나 타입스크립트로 개발할때도 번들러라는 제품은 꼭 필요!
종류도 다양하게 있는데,
1) webpack
2) parcel
3) rollup
등과 같이,,,번들러중에 가장 세팅하기 쉬운 번들러가 바로 parcel! (parcel 설치전에 node.js설치가 우선적으로 되어야 설치가 가능하다!)
사이트를 들어가서 시작하기 탭을 누르면
자세하게 나와있는것을 확인할 수 있다!
node.js를 설치한 이후에는 npm이라는 항목으로 설치를 하면된다!
(참고 - npm은 node.js가 설치될때 함께 설치되는 프로그램!)
npm은 소프트웨어를 다운로드하고 설치하고, 지우고 업데이트해주는 역할을 하는 소프트웨어!
위와 같이 npm 명령어를 입력하면바로 설치할수있다!
npm install -g parcel-bundler
다음은 typescript 설치!
https://www.typescriptlang.org/
JavaScript With Syntax For Types.
TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.
www.typescriptlang.org
다운로드 페이지에 들어가보면
아까와 동일하게 npm 명령어로 다운받아주는것은 일정한 프로젝트에서 타입스크립트를 설치하는 방법이다!
npm install typescript --save-dev
어디에서나 typescript를 실행할수있는 방법으로 설치해야 여러개의 파일을 작성할수있다!
npm
Bring the best of open source to you, your team, and your company Relied upon by more than 11 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Java
www.npmjs.com
해당 사이트로 들어가서 typescript를 검색해보면
해당 명령어로 설치할수있다!
(참고 : -g 옵션은 글로벌하게 설치해라!, 어디서든 실행할 수 있도록 설치!)
npm install -g typescript
설치완료 히히,,,,
'Web' 카테고리의 다른 글
[WEB] Javascript 동작 원리 (0) 2022.08.11 [WEB] Javascript & Typescript 간단하게 정리 (0) 2022.08.06 [WEB] Flex 레이아웃 (0) 2022.07.28 [WEB] CSS3를 활용한 웹 문서 스타일링 (0) 2022.07.19 [WEB] HTML 기본 문법 정리 (0) 2022.07.16