Frameworks/Node.js

Solid.js 란? Svelte에서 영감을 얻는 javascript 프로젝트로 (2022) React.js 코드(JSX)를 작성하면, 이를 js코드로 컴파일 해주는 컴파일러 (SPA 만들기) 필요성 React 개발자가, Svelte를 따로 배우지 않고도, Svelte의 보다 빠른 실행 속도를 가지고 있다 ㄷㄷ Svelte 사용법 설치 # js npx degit solidjs/templates/js my-app # ts npx degit solidjs/templates/ts my-app # tailwindcss npx degit solidjs/templates/ts-tailwind my-app cd my-app npm i 실행 npm run dev 폴더 구조 및 설명 index.html - 실제 렌더링 ..

👉 date-fns 란? javascript의 Date(시간) 객체를 다양하게 변환하는 Node.js 패키지 설치 npm i date-fns 사용법 // format : 기본 변환기 // formatDistanceToNow : 현재 시간과 비교해주는 변환기 import {format, formatDistanceToNow} from 'date-fns' import {ko} from 'date-fns/locale'; const d = Date.now(); // PPP : 5월 29일, 2020 형식 // EEE : 월, 화, 수 ... 형식 // p : 오전 12:00 형식 // locale : 언어 선택하기 ( ko : 한국어 ) const f1 = format(d, 'PPP EEE p', {locale:..

👉 uuid란? 범용 고유 식별자 ( Universally Uniqute identifier ) 고유한 항목을 구분할 수 있도록 해주는 식별자를 제공하는 Node.js 패키지 설치 npm i uuid 사용법 // 버전이 여러가지가 있음 import {v4} from 'uuid; // 고유 랜덤값 생성 const id = uuidv4(); React Native 추가설치 npm i react-native-get-random-values

👉 wait-port란? Node.js 서버를 원하는 타이밍에 실행할 수 있도록 도와주는 JS 라이브러리 기능 1. docker-compose 서버 시작을 기다릴 수 있다. 2. HTTP 엔드포인트의 응답을 기다릴 수 있다. 3. DNS 레코드가 확인될때까지 기다릴 수 있다. 4. 앱 서버가 시작될 때까지 기다릴 수 있다. 👉 설치 npm i wait-port 👉 사용법 터미널 wait-port # -t : 최대 대기시간 지정 # Uri는 http:// 를 포함하고 있어야만 한다. JS 런타임 // 모듈 불러오기 const waitPort = require('wait-port'); const params = { host: 'google.com', port: 443, }; // Promise를 반환한다. ..

process란? Node.js의 현재 프로세스를 관리하기 위해, 기본적으로 제공되는 객체 현재 작업 디렉토리 가져오기 process.cwd()

ip란? 서버의 IP 주소를 알려주는 Node.js 패키지 설치 npm i ip // typescript npm i -D @types/ip 현재 Node.js 실행중인 컴퓨터 v4 ip 반환하기 import {address} from 'ip' function runServer(ip){} runServer(address())

NVM 이란? 노드 버전 관리자 ( Node Version Manager ) Node.js의 버전을 관리한다. Node.js 버전 확인하기 node -v 설치가능한 버전 확인하기 nvm ls-remote 원하는 버전 설치하기 // 16.0.0 설치하기 nvm install 16.0.0 설치한 버전 확인하기 nvm ls 버전 바꾸기 ( 터미널 재실행시, 기본 버전으로 초기화됨 ) // v16.0.0으로 변경하기 nvm use 16.0.0

luxon 란? 날짜, 시간 관련 기능을 처리하는 Node.js 패키지 luxon 설치 npm i luxon luxon 사용법 현재시각 가져오기 import {Datetime} from 'luxon' console.log(Datetime.now()) JS Date객체를, luxon Date객체로 바꾸기 fromJSDate() 메소드를 사용한다 import {Datetime} from 'luxon' const jsDate = new Date() console.log(Datetime.fromJSDate(jsDate)) luxon Date객체가, 현재 시각부터 얼마나 전인지 확인하기 toRelative() 메소드를 사용한다 import {Datetime} from 'luxon' const preDate = ..

ws란? 클라이언트와 서버사이의 Websocket 통신을 하게 해주는 Node.js 패키지 ws 설치 npm i ws express와 합치기 ( http + websocket ) import http from 'http' import {WebSocket} from 'ws' /* import express from 'express' const app = express() const server = http.createServer(app); */ const server = http.createServer(); // http 서버 만들기 const wss = new WebSocket.Server({ server }); // 웹소켓 서버 만들기 function handleConnection(socket) { c..