Differences

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

--- public:computer:node.js [2022/09/16 16:03] – alex
+++ public:computer:node.js [2023/01/03 09:54] (current) – alex
@@ Line 4: / Line 4: @@
 ==== 특징 ====
-  * 비동기 입출력 방식
+  * 비동기 입출력 방식 (Non-blocking) I/O
-  * 이벤트 기반 입출력 방식
+  * 이벤트 기반 입출력 방식 (Event Loop)
+  * Single Thread
   * 모듈
 ==== 개발도구 ====
   * 편집기 VSCode
+    * Extentions
+      * ES6 Code Snippets
+      * ESLint
+      * Prettier - Code formatter
+      * Live Server
   * 크롬 브라우저
   * 노드
 ==== Install ====
+=== Install Node.js on MacOS ===
 brew 설치 <cli>
 $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
@@ Line 23: / Line 31: @@
-Vue CLI 설치 <cli prompt="$ " comment="  # ">
+=== Install Node.js on Ubuntu ===
-$ npm install -g @vue/cli
+  * Install Node.js on Ubuntu <sxh bash>
-or
+# to install node.js we need CURL
-$ yarn global add @vue/cli
+$ sudo apt install -y curl
-$ vue --version  # 확인
+# install node.js using apt package manager
-$ npm list -g --depth=0  # npm 설치 리스트 확인
+$ sudo apt update & sudo apt upgrade -y
-</cli>
+$ sudo apt install nodejs
+$ nodejs -v
+$ sudo apt install npm
+$ npm -v
-Vue CLI 삭제 <cli prompt="$ " comment="  # ">
+# using PPA
-$ npm uninstall -g vue-cli
+$ curl -sL https://deb.nodesource.com/setup_18.x -o nodesource_setup.sh  # version 18.x
-</cli>
+$ sudo bash nodesource_setup.sh
+$ sudo apt-get install nodejs
+$ sudo apt-get install build-essential
+</sxh>
-vue 프로젝트 생성 <cli prompt="$ " comment="  # ">
+  * nvm <sxh bash>
-$ vue create <프로젝트 이름>
+$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
+$ source ~/.bashrc
+$ nvm list-remote
+$ nvm install <version>
+$ nvm list
+$ nvm use <version>
+</sxh>
+  * npm update <sxh bash>
+$ npm install -g npm@latest
+$ npm -v
+</sxh>
-$ cd <프로젝트 이름>
+=== Install Vue.js ===
-$ npm run serve
+{{page>public:computer:vuejs#install_vuejs&noheader}}
-</cli>
-vuetify 패키지 추가 <cli>
-$ vue add vuetify
-</cli>
-vue-router 설치 <cli>
-$ vue add router
-</cli>
-vuex 설치 <cli>
-$ vue add vuex
-</cli>
-axios 설치 <cli>
-$ vue add axios
-</cli>
+==== Modules ====
   * https/http2 모듈
@@ Line 88: / Line 98: @@
   - 타입스크립트 모듈 설치
   - tsconfig.json 생성
-  -
+  - 타입 추가 (npm i @types/node)
+  - ts-node 설치 (npm i -g ts-node)
+  * [[https://defineall.tistory.com/704|[Node.js] Node.js에서 Typescript 사용하기 / ts-node, @types/node]]
@@ Line 108: / Line 125: @@
+==== JavaScript Basics ====
+  * 변수 선언
+    * var
+    * let
+    * const
+  * Arrow Function
+  * Array
+    * sort()
+    * filter()
+    * map()
+    * reduce()
+  * Template Literals; back tick ''`''
+  * Spread Operator; 배열에서 iteration 형태의 데이터 요소를 하나하나로 모두 분해해서 사용
+  * Object Destructuring; { , } = object
+  * Array Destructuring; [ , ] = array
+  * Default Function Parameter; same as c++, define default value in argument
+  * Rest Parameter; ...args
+  * Promise; 비동기 처리에 사용 new Promise((resolve, reject) => {}});
+  * Async/Await; 비동기
+  * Regular Expression
+    * exec()
+    * test()
+    * match()
+    * search()
+    * replace()
+    * split()
+==== Start ====
+<cli>
+$ node <file>
+</cli>
+==== Node.js 내장 모듈과 객체 ====
+  * Console
+    * console.log(내용, ...args)
+    * console.error(...)
+    * console.table(테이블형 데이터)
+    * console.time(레이블) / console.timeEnd(레이블)
+    * console.dir(오브젝트, 옵션)
+  * Timers
+    * setTimeout(콜백함수, 밀리초)
+    * setInterval(콜백함수, 밀리초)
+    * setImmediate(콜백함수)
+  * Process
+    * listeners
+      * beforeExit
+      * exit
+      * disconnect
+      * message
+    * process.env
+    * process.nextTick
+    * process.exit()
+  * OS
+  * Path
+    * path.basename(path[,ext])
+    * path.delimiter
+    * path.dirname(path)
+    * path.extname(path)
+    * path.format(pathOjbject)
+    * path.isAbsolute(path)
+    * path.join([...paths])
+    * path.parse(path)
+    * path.sep
+  * URL;
+    * WHATWG API
+    * url.parse()
+  * Crypto
+  * File system
+    * fs.readFile(path, [options], callback)
+    * fs.readFileSync(path, [options])
+    * fs.writeFile(path, data, [options], callback)
+    * writeFileSync(path, data [options])
+    * fs.watchFile(filename[, options], listener)
+==== json-server ====
+<cli>
+$ npm install -g json-server
+</cli>
+<cli>
+$ json-server --watch <file>
+</cli>
+==== express ====
+<cli>
+$ npm install express
+</cli>
+  * middlewares
+    * body-parser
+    * compression
+    * connect-rid
+    * cookie-parser
+    * cors
+    * csurf
+    * errorhandler
+    * method-override
+    * morgan
+    * multer
+    * response-time
+    * serve-favicon
+    * serve-index
+    * serve-static
+    * express-session
+    * connect-timeout
+    * vhost
+==== Useful ====
+  * winston
+  * nodemailer
+  * node-cron
+  * xlsx
+  * xlsx-js-style
+  * ics
+  * socket.io
+  * axios
+  * cheerio
+  * forever
+  * pm2
+===== References =====
+  * [[https://github.com/nvm-sh/nvm|Node Version Manager]]
+<button type="default" size="xs" collapse="toc">book toc</button>
+<collapse id="toc" collapsed="true">
 ==== 01 | 노드에 대해 알아보고 개발 도구 설치하기 ====
 노드란 무엇일까?
@@ Line 414: / Line 561: @@
 레디스로 subscribe, publish 하기
 채팅 서버에서 레디스를 사용하는 샘플
+</collapse>