Web/nodeJS
-
"NPM error" after installing "yarn"Web/nodeJS 2020. 1. 19. 00:17
I've been used the "npm" only, but I heard the "yarn" is more convenient. So I installed "yarn", to try it in my new node project. "yarn" was 👍, but suddenly "npm" didn't work. zsh gave me an error "zsh: command not found: npm" To solve this problem, I start googgling based on the error message. I found few solutions like "Change the zsh setting," "Change the PATH," and so on. But those didn’t w..
-
Socket.ioWeb/nodeJS 2020. 1. 7. 19:21
✍︎ Install ➜ npm i socket.io ✍︎ Import (Entry file) import socketIO from "socket.io"; ✍︎ Back end Js file & Front end Js file 모두 html/pug에 연결되어 있어야 한다. Socket은 페이지가 없고 연결만 있다. 이벤트를 가지고 있는데 이벤트는 어떤 것이든 될 수 있다. 서버, 클라이언트와 유저는 서로 이벤트를 보내고 받을 수 있다. 양방향통신 Socket은 항상 Server의 움직임을 듣고 있다. Server가 꺼지면 계속해서 연결을 시도한다. 실시간통신 Socket have IDs. User마다 ID를 부여하여 구분한다. 백엔드에서 ("hello")이벤트를 emit(발생)시키고, 프론트엔드에서 그 내..
-
Realtime Drawing Game 만들기 - Guess my mindWeb/nodeJS 2020. 1. 7. 18:58
(1) forder >node_moduels >src >static index.js >views server.js //Entry file home.pug .babelrc .gitignore package.json README.md (2) 초기 설정 Wetube clone coding 할 때랑 거의 같다. middleware(morgan) 까지 다 똑같이 설정했다. https://humonnom.tistory.com/35 Nomad coders - wetube clone coding humonnom.tistory.com (3) Server(server.js) import express from "express"; const PORT = 4000; const app = express(); app.get("/..
-
Nodemon 설치Web/nodeJS 2020. 1. 7. 16:44
✍︎ Nodemon: 저장할 때마다 서버를 재시작해준다. ✍︎ 개발자에게 필요한 프로그램 (for developer) -D를 붙여서 설치한다. ➜ npm install nodemon -D ✍︎ package.json 수정 (scripts) "scripts": { "start": "nodemon --exec babel-node app.js" } *--exec: "실행하라"는 뜻, 검색어를 제한하기 위해서 쓴다. 발견된 경로 이름에 일종의 조치를 취함. *app.js: entry file *--delay 2: 2초 기다렸다가 restart한다.
-
iterm으로 프로젝트 생성Web/nodeJS 2020. 1. 5. 17:55
1. 먼저 document에 으로 폴더를 하나 만든다. 2. iterm ➜ brew install (home brew 설치, 설치 되어있으면 다음으로) ➜ node -v (node version확인) ➜ brew upgrade node (최신버전 업그레이드) ➜ node.js 설치 ➜ mkdir wetube-ver2.0 make directory + ➜ cd wetube-ver2.0 cd + (해당 디렉토리로 이동) ➜ code . (VSC로 이동) 3. VSC ➜ npm init (package.json 생성) ➜ npm i express (node-modules 생성) ✍︎ package.json "scripts": { "start": "node app.js" }, ✍︎ app.js 생성 const ..
-
nodemonWeb/nodeJS 2019. 11. 27. 16:24
#️⃣node.js 소스 수정시 자동으로 서버 재시작해줌. #️⃣설치 ➡️Terminal 입력 npm install nodemon -D -D (for the dev.) : 프로젝트에 필요한 프로그램이 아니라 개발자에게 필요한 프로그램이므로 package.json 파일에서 'dependencies'가 아니라 'devDependencies'파일에 들어가도록 하는 것. ➡️package.json 수정 "scripts": { "start": "nodemon --exec babel-node index.js --delay 2" }, --exec : 찾은 파일들을 대상으로 뒤에 나오는 명령어를 실행하라는 의미. --delay 2 : 2초 기다렸다가 sever재시작 출처: https://webdir.tistory.co..
-
nodemonWeb/nodeJS 2019. 11. 27. 16:24
#️⃣node.js 소스 수정시 자동으로 서버 재시작해줌. #️⃣설치 ➡️Terminal 입력 npm install nodemon -D -D (for the dev.) : 프로젝트에 필요한 프로그램이 아니라 개발자에게 필요한 프로그램이므로 package.json 파일에서 'dependencies'가 아니라 'devDependencies'파일에 들어가도록 하는 것. ➡️package.json 수정 "scripts": { "start": "nodemon --exec babel-node index.js --delay 2" }, --exec : 찾은 파일들을 대상으로 뒤에 나오는 명령어를 실행하라는 의미. --delay 2 : 2초 기다렸다가 sever재시작 출처: https://webdir.tistory.co..