Node JS 링크

JavaScript, React 링크

 

- Node JS

- Socket Programming

- 라이브러리

---

Node JS

 

Node JS 프로젝트 추가하기 (new repository)

 

React - Node 서버 프록시 설정

윈도우에서 nvm으로 node ver 관리하기 (Window Node Version Manager)

PM2 ecosystem.config.js로 환경 변수 설정하기

Express, Socket.IO 서버 HTTPS 설정하기 (Setting up Express / Socket.IO Server with HTTPS)

 

Node js, React 파일 관리 시스템 만들기

 

jest로 자바스크립트 코드 테스트 하기 (Jest, JavaScript Testing Framework)

Node JS + jest를 GitHub Action으로 실행하기

log4js로 함수 이름과 줄 번호 로그 남기기 (log4js with Function Name, Line Number)

 

POST로 데이터 전송 받기 (Process POST Data)

body-parser를 이용해 데이터 전송 받기 (POST with body-parser)

요청한 원래 URL로 리다이렉션하기 (Redirect Back to Original URL)

Express 중첩 라우팅 설정하기 (Setting Nested Routing)

 

glob으로 파일, 폴더 목록 찾기 (Find Files and Directories with glob)

경로를 가져와서 Mui Tree View로 파일, 폴더 뷰 만들기 (Mui Directory Tree View with Node JS)

경로를 가져와서 파일 브라우저 만들기 (React File Browser with Mui + Node JS)

파일 브라우저에서 파일 다운로드하기 (React File Download with Node JS)

 

GitHub RESTful API로 파일 읽기

GitHub RESTful API로 파일 쓰기

로또 번호 수집해서 json으로 저장하기 (리포지토리 파일 수정하기)

 

인증 토큰 획득 서버 구현하기 (GitHub Access Token Server with Node js)

 

문자열로 된 조건식 판단하기 (Evaluate String into Conditions with Acorn)

nodemailer로 구글, 네이버, 다음 카카오 메일 보내기 (Send Emails to Google, Naver, Daum Kakao)

리액트 - Toast UI Editor로 메일 보내기 with nodemailer

exec으로 Git Push 하기

폴더 내부의 전체 파일 개수 구하기 (Counting the Total Number of Files In Folder)

Chonky 파일 맵 만들기 (Make Chonky File Map)

dayjs로 날짜, 시간 관리하기

archiver로 폴더 압축해서 전송하기 (Compressing and Sending a Directory with Archiver)

multer로 이미지 업로드하기 (Upload Images with multer)

FormData와 multer로 여러 파일 업로드하기 (Upload Multiple Files with FormData and multer)

---

Socket Programming

 

webSocket으로 로그인 유저 관리하기 (Managing Logged-in Users with WebSocket)

Socket.IO로 로그인 유저 관리하기 (Managing Logged-in Users with Socket.IO)

Socket.IO로 채팅하기 (Chatting with Socket.IO)

Socket.IO Room으로 채팅방 관리하기 (Managing Chat Room)

Socket.IO namespace로 채팅방 관리하기 (Managing Chat Room using namespace)

Socket.IO로 중복 로그인 제한하기 (Limiting Connections with the Same ID)

Socket.IO Middleware로 중복 로그인 방지하기 (Limiting Connections using Socket.IO Middleware)

 

Socket.IO로 Toast UI Editor 동시 편집하기

 

스프레드시트 공동 작업하기 Project Settings (Real-Time Collaboration with Handsontable Spreadsheet)
Handsontable에 Socket.IO 적용하기 (Handsontable with Socket.IO)
변경된 셀만 데이터 전송해서 최적화하기 (Data Optimization with Socket.IO)
행 / 열 이동 및 크기 변경 연동하기 (Sync Row / Column Movement and Size Adjustment)
다른 클라이언트가 선택한 셀 표시하기 (Highlighting Cells Selected by Another Client)

 

---

라이브러리

 

백그라운드 실행 PM2 - https://pm2.keymetrics.io/

로그 - https://www.npmjs.com/package/log4js

POST - https://www.npmjs.com/package/body-parser

파일, 폴더 목록 - https://www.npmjs.com/package/glob?activeTab=versions

문자열 조건식 - https://www.npmjs.com/package/acorn

메일 전송 - https://nodemailer.com/about/

업로드 (미들웨어) - https://www.npmjs.com/package/multer

날짜, 시간 - https://www.npmjs.com/package/dayjs

실시간 통신 - https://socket.io/

압축 - https://www.npmjs.com/package/archiver