Typescript

· Typescript
# 1. 타입스크립트 탄생 배경 자바스크립트는 일주일만에 생겨난 언어라는 말이 있다. 자바스크립트는 초기에 브라우저에서 HTML, CSS의 한계를 극복하고자 간단한 프로그래밍 동작을 수행하기 위해 만들어졌다. 애초에 간단한 기능만 수행하기 위해 만들어지다보니 제약이 없고, 언어차원에서 많은 기능을 제공할 필요도 없었다. 그러나, 웹 시장이 급격히 발전하기 시작하면서 브라우저에서 많은 동작이 필요하게 되었고, 애플리케이션의 복잡도가 올라가면서 복잡성이 높은 애플리케이션을 설계할 수 있는 능력을 갖추게 되었다. 웹 시장이 발전하면서 많은 개발자가 자바스크립트에 익숙해졌고, 다른 시장에서도 자바스크립트를 활용하고자 하는 수요가 늘었다. 이 수요에 맞춰 브라우저 밖에서도 자바스크립트를 실행할 수 있는 Node...
· Typescript
1. 타입과 타입 별칭(Type Aliasing) 기존 타입에 대한 별명 부여 객체에 대한 새로운 타입 생성 type MyType = string; // MyType 이라는 별칭 부여 let a :MyType = "Hello"; type MyType2 = { name:string; age:number; } letb : MyType2 = { name:"홍길동", age:20 }; 1.1 선택적 필드와 읽기 전용 선택적 필드: 물음표를 사용 => age 필드는 값이 들어갈 수도 있고, 없을 수도 있다. 읽기 전용 : readonly 사용 => email 필드는 처음 값이 정해지면 변경할 수 없다. // 선택적 필드와 읽기 전용 type MyType3 = { name:string; age?number; rea..
· Typescript
Typescript 컴파일러와 loader - 컴파일러(트랜스파일러): tsc 1. 타입스크립트 설치 npm install -D typescript // -D는 --Save-dev와 같음 2. 아래 명령어를 순서대로 따라하기! 1. mkdir typescript-test // 디렉토리 만들기 2. cd typescript-test // 디렉토리 들어가기 3. npm init // 패키지 생성(엔터로 기본값 설정하기) 3. npm install -D typescript // 개발자 의존성 설정으로 타입스크립트 npm 설치 4. // VSCode 실행 후 '보기'-'터미널' 을 열고 다음 명령어 실행 npx tsc --init //tsconfig.json 파일을 만들어주는 명령어 5. // package.j..
HYEPPY98
'Typescript' 카테고리의 글 목록