TypeScript

"compilerOptions": { /* Language and Environment */ // 최신 브라우저에서만 돌아가는 앱인 경우 "es6"를 적용하여 컴파일된 코드를 보다 간결하게 만들 수 있다.(const, let 등의 문법 적용) "target": "es6", // 아래의 lib 옵션은 target 옵션을 "es6"으로 설정했을 때 기본적으로 적용되는 설정들이다. // (lib옵션이 없을 때와 동일한 효과) // lib 옵션이 없다면 지정된 target 옵션 값에 따라 … 더 읽기

1. 템플릿문자열 (Template literals) JavaScript에서 문자열을 작성할 때 더 유연하고 편리하게 사용하기 위한 문법 const name = "망고"; const template = `10+20,${name}`; console.log(template); 2. 함수 자바스크립트의 함수는 3가지 방식 선언식,표현식,람다식 으로 작성할수 있다. 2-1-선언식 function fn(){} fn(); 2-2-표현식 2-2-1-기명함수 //1 const fnPointer = function fn() { console.log('fnPointer'); }; fnPointer(); //2 const fnPointer = function fn(arg) … 더 읽기

1. 연습문제A 출처: 수코딩 1. Person 타입 작성 문제: 사람을 나타내는 Person 타입을 정의하세요. 이 타입은 name (문자열), age (숫자) 속성을 가집니다. 그리고 이를 사용하는 getPersonInfo 함수를 작성하여 Person 객체를 출력하세요. //code 2. 객체 생성 문제: Config 타입을 정의하여 host (문자열), port (숫자), ssl (불린값)을 갖는 객체 타입입니다. createConfig 함수는 Config 타입을 반환하도록 하세요. //code … 더 읽기

Handbook 1. 함수에 타입 선언 하기 함수에 타입을 선언하는 것은 매개변수와 반환값에 타입을 지정하는 것 1.1. 함수 선언문 함수 선언: 함수의 매개변수와 반환 타입을 명시합니다. function add(a: number, b: number): number { return a + b; } console.log(add(1,2)) 1.2. 함수 표현식 //표현식 함수로 매개변수 타입 및 반환값 타입 지정 { const add = function (a: … 더 읽기

Info: 📁 완성파일 Info: 💡 **목표 재사용 가능한 타입 을 알아보자 Type Aliases **https://www.typescriptlang.org/ko/docs/handbook/declaration-files/by-example.html#재사용-가능한-타입-타입-별칭-reusable-types-type-aliases 1. Type Aliases 개요 Info: 타입스크립트를 작성하다 보면 같은 타입을 반복적으로 정의하게 된다 이것을 모듈화 할수 있는 기능이 type aliases 이다 타입의 형태를 타입 별칭으로 정의하는것 1-1 타입 별칭이란? 타입에 대한 별칭을 제공하며, 재사용 할 수 있다. 주의해야 할 부분은 타입 … 더 읽기

Info: 📁 완성파일 Info: 💡 ** ** 1. 제네릭개요 Info: 🔹 타입스크립트를 사용하다보면, 선언시에 타입을 지정하기가 어려운 경우가 있다. 제네릭이란 타입을 마치 함수의 파라미터처럼 사용하는 것 제네릭은 컴포넌트 또는 함수에서 사용하는 데이터의 타입을 외부에서 지정하는 것을 의미한다. 어떤 타입의 데이터를 사용할 지를 선언 시점이 아니라, 생성 시점에 타입을 명시하여 하나의 타입만이 아닌 다양한 타입을 사용할 … 더 읽기

Info: 📁 완성파일 Info: 💡 목표 타입추론(Type inference)과 유니온타입(union type) 이해해보자 https://www.typescriptlang.org/ko/docs/handbook/type-inference.html#handbook-content 1. 타입추론 1-1 개요 Info: 💡 타입 추론이란 타입스크립트가 코드를 해석해 나가는 동작 1-2. 예제 basic.ts //Type inference let topic = "타입스크립트 기초"; let topic1: string = "타입스크립트 기초"; topic=1234 변수 topic에 타입을 지정하지 않은 (any 타입) 후 바로 값을 할당하였다. 왜 3번 … 더 읽기

Info: 💡 타입스크립트는 자바스크립트에 타입을 추가하여 확장한 것. 자바스크립트(동적타입:Dynamic Type) 모든것이 런타임 시 결정됨 코드의 실행해 봐야 오류를 알게됨 타입스크립트(정적타입:Static Type) 컴파일 단계에서 결정됨 컴파일 시 오류유무가 판단 🔗공식핸드북 1. Primitives : 원시타입 Info: Primitives: 기본자료형 7종 (원시타입) 종류 설명 boolean 참(true) 또는 거짓(false) 값 let isDone: boolean = true; number 정수와 실수를 포함한 숫자 … 더 읽기

Info: 📁 완성파일 Info: 💡 목표 complex types 에 알아보자 1. baisc.ts hobbies 변수는 문자형 배열을 가지고 있다 let hobbies:string[]; hobbies=["수영","축구",/* 5 */] hobbies 에 숫자자료형을 넣으면 에러를 표시한다 변수 dog은 자료형을 명시 하지 않았다 let dog; dog={ name:"망고", age:5, } 자료형을 지정하지 않을경우 default 로 any 타입을 가지게 된다 let dog:any 과 같다 any … 더 읽기

1. 설치 1.1.윈도우 npm install –g typescript //전역설치(컴퓨터 내의 모든 프로젝트에 설치) npm install typescript //로컬 설치(현재 프로젝트에만 설치) 1.2.맥 $ sudo npm install -g typescript //전역설치(컴퓨터 내의 모든 프로젝트에 설치) $ sudo npm install typescript //로컬 설치(현재 프로젝트에만 설치) 1.3. 설치확인 tsc -v 2. 제거 2.1. 윈도우 npm uninstall -g typescript npm uninstall typescript … 더 읽기