🔴 FE/TypeScript(3)
-
TypeScript & Angular 개발단계
1. 프로젝트 폴더 생성 2. package.json 파일 -> 어플리케이션에서 사용하는 패키지 목록 작성 3. npm install이나 yarn install -> package.json파일에 작성한 패키지 설치 4. 어플리케이션 코드 작성 5. SystemJS로더 사용 -> 브라우저에 어플리케이션 실행 SystemJS로더는 TypeScript -> JavaScript 코드를 변환하는 기능도 수행 6. Webpack사용 -> 어플리케이션 코드와 리소스 압축하고 번들링 7. npm 스크립트 사용 -> 어플리케이션 배포 폴더로 복사
2020.01.17 -
TypeScript 문법 정리
TypeScripts는 JavaScript의 상위 집합, 따라서 JavaScript에서 제공하는 기능 외에 몇가지 기능을 추가했음 ES5의 모든 문법을 지원하고 ES6문법 대부분을 지원함 1. 타입지정 변수를 선언하면서 타입을 지정할 수 있음 let name1 = 'kang'; let name2 : string = 'kang'; 타입을 지정하면 TypeScript 컴파일러가 컴파일할 때 잘못 사용된 코드를 잡아낼 수 있고, IDE에서도 자동완성 기능이나 리팩토리 기능을 제공할 수 있음 (생산성 upup!) - 변수, 함수의 인자, 함수의 반환값에 타입을 지정할 수 있음 - 변수의 값은 JavaScript와 마찬가지로 null, undefined 가능 - 타입을 명시하지 않으면 값이 처음 할당될 때 모든 ..
2020.01.16 -
Angular에서 JavaScript대신 TypeScript사용하는 이유?
결론부터 얘기하자면 "생산성" 때문! 1. JavaScript는 컴파일 과정이 없기 때문에 에러가 런타임에서만 발생한다 문자열을 인자로 받는 함수에 개발자가 실수로 숫자를 넣었다면? 컴파일 과정에서는 에러 없이 돌아가서 문제를 미리 발견하고 고치지 못하게 된다. 런타임에서 에러가 발생하면 어플리케이션이 종료되어 서비스가 멈출 수도 있는 상황인 것이다. JavaScript에서 동적으로 타입을 결정하기 때문에 발생하는 문제! 생산성을 높이기 위해서는: 처음부터 정적 타입을 지원하는 언어로 개발하고 -> JavaScript로 변환해서 배포 컴파일해서 JavaScript으로 만들어 낼 수 있는 언어 : 대표적으로 TypeScript, Dart, CoffeeScript Angular 프레임워크 자체도 TypeSc..
2020.01.16