TypeScript Basics

{
"compilerOptions": {
/_ Basic Options _/
// "incremental": true, /_ Enable incremental compilation _/
"target": "ES2016", /_ Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. _/
"module": "commonjs", /_ Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. _/
// "lib": [], /_ Specify library files to be included in the compilation. _/
// "allowJs": true, /_ Allow javascript files to be compiled. _/
// "checkJs": true, /_ Report errors in .js files. _/
// "jsx": "preserve", /_ Specify JSX code generation: 'preserve', 'react-native', or 'react'. _/
// "declaration": true, /_ Generates corresponding '.d.ts' file. _/
// "declarationMap": true, /_ Generates a sourcemap for each corresponding '.d.ts' file. _/
// "sourceMap": true, /_ Generates corresponding '.map' file. _/
// "outFile": "./", /_ Concatenate and emit output to single file. _/
"outDir": "./dist", /_ Redirect output structure to the directory. _/
// "rootDir": "./", /_ Specify the root directory of input files. Use to control the output directory structure with --outDir. _/
// "composite": true, /_ Enable project compilation _/
// "tsBuildInfoFile": "./", /_ Specify file to store incremental compilation information _/
// "removeComments": true, /_ Do not emit comments to output. _/
// "noEmit": true, /_ Do not emit outputs. _/
// "importHelpers": true, /_ Import emit helpers from 'tslib'. _/
// "downlevelIteration": true, /_ Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. _/
// "isolatedModules": true, /_ Transpile each file as a separate module (similar to 'ts.transpileModule'). _/
/_ Strict Type-Checking Options _/
"strict": true, /_ Enable all strict type-checking options. _/
// "noImplicitAny": true, /_ Raise error on expressions and declarations with an implied 'any' type. _/
// "strictNullChecks": true, /_ Enable strict null checks. _/
// "strictFunctionTypes": true, /_ Enable strict checking of function types. _/
// "strictBindCallApply": true, /_ Enable strict 'bind', 'call', and 'apply' methods on functions. _/
// "strictPropertyInitialization": true, /_ Enable strict checking of property initialization in classes. _/
// "noImplicitThis": true, /_ Raise error on 'this' expressions with an implied 'any' type. _/
// "alwaysStrict": true, /_ Parse in strict mode and emit "use strict" for each source file. _/
/_ Additional Checks _/
// "noUnusedLocals": true, /_ Report errors on unused locals. _/
// "noUnusedParameters": true, /_ Report errors on unused parameters. _/
// "noImplicitReturns": true, /_ Report error when not all code paths in function return a value. _/
// "noFallthroughCasesInSwitch": true, /_ Report errors for fallthrough cases in switch statement. _/
/_ Module Resolution Options _/
// "moduleResolution": "node", /_ Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). _/
// "baseUrl": "./", /_ Base directory to resolve non-absolute module names. _/
// "paths": {}, /_ A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. _/
// "rootDirs": [], /_ List of root folders whose combined content represents the structure of the project at runtime. _/
// "typeRoots": [], /_ List of folders to include type definitions from. _/
// "types": [], /_ Type declaration files to be included in compilation. _/
// "allowSyntheticDefaultImports": true, /_ Allow default imports from modules with no default export. This does not affect code emit, just typechecking. _/
"esModuleInterop": true /_ Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. _/
// "preserveSymlinks": true, /_ Do not resolve the real path of symlinks. _/
// "allowUmdGlobalAccess": true, /_ Allow accessing UMD globals from modules. _/
/_ Source Map Options _/
// "sourceRoot": "", /_ Specify the location where debugger should locate TypeScript files instead of source locations. _/
// "mapRoot": "", /_ Specify the location where debugger should locate map files instead of generated locations. _/
// "inlineSourceMap": true, /_ Emit a single file with source maps instead of having a separate file. _/
// "inlineSources": true, /_ Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. _/
/_ Experimental Options _/
// "experimentalDecorators": true, /_ Enables experimental support for ES7 decorators. _/
// "emitDecoratorMetadata": true, /_ Enables experimental support for emitting type metadata for decorators. _/
}
}

const message: string = 'Hello, LunarScents!';

console.log(message);

{
"name": "typescript-sample",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"dependencies": {
"typescript": "^3.6.4"
},
"scripts": {
"build": "tsc"
}
}

// 튜플 타입 선언
let x: [string, number];

// 초기화
x = ['hello', 10]; // 좋아요
// 부정확한 초기화
x = [10, 'hello']; // 오류

enum Color {
  Red = 1,
  Green,
  Blue
}

let colorName: string = Color[2];

console.log(colorName); // 위의 값이 2 이므로 'Green'을 표시합니다.

let notSure: any = 4;

notSure.ifItExists(); // 좋아요, 런타임에 ifItExists가 존재할 수 있습니다.
notSure.toFixed(); // 좋아요, toFixed는 존재합니다. (그러나 컴파일러는 체크하지 않습니다)
let prettySure: Object = 4;

prettySure.toFixed(); // 오류: 'Object' 타입에 'toFixed' 프로퍼티는 존재하지 않습니다.

function warnUser(): void {
  console.log('This is my warning message');
}

let unusable: void = undefined;

// 반환되는 함수에는 연결할 수 없는 end-point가 있어서는 안 됩니다.
function error(message: string): never {
  throw new Error(message);
}

// 추론되는 반환 타입은 절대로 없습니다.
function fail() {
  return error('Something failed');
}

// 반환되는 함수에는 연결할 수 없는 end-point가 있어서는 안 됩니다.
function infiniteLoop(): never {
  while (true) {}
}