Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
public:computer:node.js [2022/09/20 14:06] – alex | public:computer:node.js [2023/01/03 09:54] (current) – alex | ||
---|---|---|---|
Line 20: | Line 20: | ||
==== Install ==== | ==== Install ==== | ||
+ | |||
+ | === Install Node.js on MacOS === | ||
brew 설치 <cli> | brew 설치 <cli> | ||
$ / | $ / | ||
Line 29: | Line 31: | ||
- | Vue CLI 설치 <cli prompt="$ " comment=" | + | === Install Node.js on Ubuntu === |
- | $ npm install | + | * Install Node.js on Ubuntu <sxh bash> |
- | or | + | # to install |
- | $ yarn global add @vue/cli | + | $ sudo apt install -y curl |
- | or | + | |
- | $ yarn dlx @vue/clie | + | |
- | $ vue --version | + | # install node.js using apt package manager |
- | $ npm list -g --depth=0 | + | $ sudo apt update & sudo apt upgrade |
- | </ | + | $ sudo apt install nodejs |
+ | $ nodejs | ||
+ | $ sudo apt install | ||
+ | $ npm -v | ||
- | Vue CLI 삭제 <cli prompt=" | + | # using PPA |
- | $ npm uninstall | + | $ curl -sL https:// |
- | </cli> | + | $ sudo bash nodesource_setup.sh |
+ | $ sudo apt-get install nodejs | ||
+ | $ sudo apt-get install build-essential | ||
+ | </sxh> | ||
- | vue 프로젝트 생성 | + | * nvm <sxh bash> |
- | $ vue create | + | $ curl -o- https:// |
+ | $ source ~/.bashrc | ||
+ | $ nvm list-remote | ||
+ | $ nvm install < | ||
+ | $ nvm list | ||
+ | $ nvm use < | ||
+ | </ | ||
+ | * npm update <sxh bash> | ||
+ | $ npm install -g npm@latest | ||
+ | $ npm -v | ||
+ | </sxh> | ||
- | $ cd < | + | === Install Vue.js === |
- | $ npm run serve | + | {{page>public: |
- | </cli> | + | |
- | vuetify 패키지 추가 <cli> | ||
- | $ vue add vuetify | ||
- | </ | ||
- | vue-router 설치 <cli> | ||
- | $ vue add router | ||
- | </ | ||
- | |||
- | vuex 설치 <cli> | ||
- | $ vue add vuex | ||
- | </ | ||
- | |||
- | axios 설치 <cli> | ||
- | $ vue add axios | ||
- | </ | ||
+ | ==== Modules ==== | ||
* https/http2 모듈 | * https/http2 모듈 | ||
Line 247: | Line 249: | ||
* pm2 | * pm2 | ||
+ | ===== References ===== | ||
+ | * [[https:// | ||
+ | |||
+ | |||
+ | <button type=" | ||
+ | < | ||
==== 01 | 노드에 대해 알아보고 개발 도구 설치하기 ==== | ==== 01 | 노드에 대해 알아보고 개발 도구 설치하기 ==== | ||
노드란 무엇일까? | 노드란 무엇일까? | ||
Line 553: | Line 561: | ||
레디스로 subscribe, publish 하기 | 레디스로 subscribe, publish 하기 | ||
채팅 서버에서 레디스를 사용하는 샘플 | 채팅 서버에서 레디스를 사용하는 샘플 | ||
+ | </ |