JS 프론트엔드 강의2

모던 javascript 개발환경

• 웹앱의 규모가 커지고 있는 것이 프론트엔드의 개발환경이 복잡하게 하는 주 핵심 원인이다.

• nodejs, npm으로 환경 변화, 제공되는 tools

• 여러 개의 script 파일을 불러오기 위해서 import,export 문법이 생겼으나 이 문법을 그냥 사용하기에는 어려움이 따른다ex) 브라우저 호환성 이슈

번들링 : 여러 개의 파일을 하나의 파일로 만드는 것
* 트랜스 파일링 :하나의 프로그래밍 언어를 다른 언어로 변환

typescript

• typescript의 필요성 : 하위 호환성 지원 + 추가 기능 제공/트랜스 파일러
• 주요 기능 : 데이터 유형 설명 기능

let a = 10; //let a:number = 10;
let b = '10'; //let b:string = '10';

type centimeter = number;

let height:centimeter = 170;

nodeJS, npm

• nodejs : 데스크톱 환경에서도 실행되는 javascript 런타임 환경
  - npm 오픈소스: https://www.npmjs.com/
  - node 파일이름 : 파일 실행