배열 타입 설정 1. 배열 안에 데이터가 전부 string일 때 let arr: Array = [ '안녕', '안녕안녕', 'ㅎ' ] let arr: Array = [ '안녕', '안녕안녕', 'ㅎ' ] 2. 배열 안에 데이터가 전부 number일 때 let arr: Array = [ 1, 2, 3] let arr: Array = [1, 2, 3] 3. 배열 안에 데이터 타입이 여러개 일 때 let arr: (number | string | boolean)[ ] = [ '안녕', 2, false ] let arr: (number | string | boolean)[] = [ '안녕', 2, false ]

TypeScript(es6문법)를 Javascript(es6)와 비슷한 위치에 사용을 하려고 하니 .env 파일이 적용이 되지않았다. 그래서 찾아보니 es6에서는 위치를 다르게 선언해야되는걸 찾았다. 해결 방법 express선언 전에 dotenv를 선언해야 .env파일이 적용이된다. 출처 : https://github.com/motdotla/dotenv#how-do-i-use-dotenv-with-import GitHub - motdotla/dotenv: Loads environment variables from .env for nodejs projects. Loads environment variables from .env for nodejs projects. - GitHub - motdotla/dot..

JS에서는 잘 작동했던 패키지가 갑자기 TypeScript변경 작업을 하며 컴파일 진행 시 릴리즈가 된 패키지에 있는 *.d.ts 파일에 에러가 발생하여 .d.ts파일을 내가 변경해야 되나 싶어 크게 당황했다. JS에서는 잘 작동했으니 TypeScript를 node_modules에 대해 느슨하게 설정하는 방법 skipLibCheck를 true로 변경한다. skipLibCheck : true skipLibCheck라는 옵션은 (*.d.ts) 선언파일에 대해 TypeScript는 검증하지 않는다는 옵션이다. defualt는 false로 되어있다. https://typescript-kr.github.io/pages/compiler-options.html TypeScript 한글 문서 TypeScript 한글 ..

JavaScript에서 사용 하듯이 async await를 그대로 TypeScript 에서 사용하면 Promise returned in function argument where a void return was expected.eslint@typescript-eslint/no-misused-promises 에러가 발생한다. 해결방법은 express-async-handler 를 설치하여 npm i express-async-handler express-async-handler를 밑에 방식처럼 넣어주면 된다. import asyncHandler from 'express-async-handler' router.get('/id-check/:id', asyncHandler(async (req: Request, re..

express generator으로 초기 셋팅을 실행 하면 www 파일이 js으로 선언이 되어있지않다. 그리고 src에 소스코드를 전부 넣고 TypeScript가 컴파일을 진행 시 /bin/www을 무시 하고 컴파일을 진행하여 에러가 발생 하므로 express generator 셋팅 후에 www.js로 파일 확장명을 넣어야 한다.

"target": "es6" 빌드되는 파일의 문법 버전 "module": "commonjs" import시 가져오는 방법 commonjs = require es6 = import "outDir": "dist" 컴파일 진행 후 js파일이 나오는 폴더명 "allowJs":true ts 컴파일시 js파일을 허용하는 옵션 "esModuleInterop":true import중 es6문법과 commonJS 호완을 위해 사용