Differences

This shows you the differences between two versions of the page.

--- public:computer:typescript [2021/12/17 14:42] – alex
+++ public:computer:typescript [2022/09/11 21:06] – alex
@@ Line 1: / Line 1: @@
 ====== TypeScript ======
+===== Quick Start =====
+<cli prompt="$" comment="  # ">
+$ npm init -y  # create package.json in node.js project
+$ npm install typescript --save-dev  # add typescript
+$ npm install @types/node --save-dev  # add node.d.ts
+$ npx tsc --init --rootDir src --outDir lib --esModuleInterop --resolveJsonModule --lib es6,dom --module commonjs  # initialize typescript with tsconfig.json
+$ npm install ts-node --save-dev  # to support realtime compile using ts-node
+$ npm install nodemon --save-dev  # monitoring file change using nodemon
+</cli>
+<code json>
+"scripts": {
+  "start": "npm run build:live",
+  "build": "tsc -p .",
+  "build:live": "nodemon --watch 'src/**/*.ts' --exec \"ts-node\" src/index.ts"
+},
+</code>
+<cli prompt="$" comment="  # ">
+$ npm start
+</cli>
+  * [[https://offbyone.tistory.com/445|Node.js + TypeScript 프로젝트 만들기]]
+  * [[https://velog.io/@grinding_hannah/TypeScript-nodemon-ts-node-%EB%AA%A8%EB%93%88-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0|[TypeScript] nodemon, ts-node 모듈 설치하기]]
+  * [[https://radlohead.gitbook.io/typescript-deep-dive/nodejs|Node.js 시작하기]]
 ===== Setup =====
@@ Line 260: / Line 289: @@
+===== Examples =====
+<sxh typescript title: value 값으로 key 값 찾기>
+  this.listJoinPath[Object.keys(this.listJoinPath).find(key => this.listJoinPath[key].dtlCd === thisjoinPathCd)].joinPathCont
+</sxh>
+  * [[https://velog.io/@try_catch/JS-value%EA%B0%92%EC%9C%BC%EB%A1%9C-key%EA%B0%92-%EC%B0%BE%EA%B8%B0|[JS] value값으로 key값 찾기!]]