Daily Front_Minhhk

자동 컴파일 // tsc --init , 타입스크립트 프로젝트 최초 한번 실행 // tsc -w === tsc --watch tsconfig.js exclude || include 로 파일 지정 할 수있음! "target" : "es6" 나 최신버전으로 변경 가능! { "compilerOptions": { /* Basic Options */ "target": "es5", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */ "module": "commonjs", /* Specify module code generation: 'none', 'commonj..

// return 반환을 명시적으로 할당 할 수 있다. function add(num1: string, num2: string) : string{ return num1 + num2 } void 반환타입 // return 이 없으면 : void 반환 //! 값을 반환하지 않는 함수를 사용하는 경우에는 void // 에러는 없지만! 아무것도 반환하지 않기 때문에 반환문이 없다 :void function printResult(num: number) { console.log("result : " + num) } // === function printResult2(num: number) : undefined { console.log("result : " + num) return } // undefined 반환 c..

타입 별칭을 통해 지정할 타입을 변수화 해준다. 타입 지정 시 더 복잡한 타입 정의를 원하거나, 불필요한 반복을 피하고 타입을 중심에서 관리할 수 있으며, 코드의 지저분함 방지와 재사용 능력 UP type Combinable = number | string; type ConversionDescriptor = 'as-number' | 'as-text'; 리터럴 타입도 타입 알리어스로 지정가능! 리터럴 타입의 '스트링'은 'as-number' | 'as-text' 이외에는 에러가 뜬다. 더 확실한 검증 장치? 라고 할 수 있는데 지정한 스트링은 기억하고 까먹으면 찾아봐야하는 단점이 있다. >> 예시 type Combinable = number | string; type ConversionDescriptor..

1. 객체 아래와 같은 방법으로 const person : {} === const person : object const person : { 키 : 타입지정 } = { 키 : 값 } 변수명 : { 안에서 구분할땐 , 가 아니라 ; 사용!! } const person: { name: string; age: number; } = { name: "Maximilian", age: 30, }; console.log(person.age); 2. 중첩객체 js const product = { id: 'abc1', price: 12.99, tags: ['great-offer', 'hot-and-new'], details: { title: 'Red Carpet', description: 'A great carpet - ..

1. 타입스크립트 설치 npm install typescript -g 2. 개발서버 설정 npm install --save-dev lite-server 2-1. package.json에 start 넣어줌 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "lite-server" }, 3. ts 파일 > 컴파일 원한다? tsc app.ts -> app.js ex) 파라미터에 number 설정하고 변수에 string 형식 넣으니까 IDE 에러를 표출한다 컴파일을 하게 되면 에러 발생!! 👀 타입스크립트에서는 항상 string 또는 number와 같은 타입을 다루며, 타입스크립트의 주요 원시 타입은 모두 소문자!! app...