First, you set the public (folder) as static in the server.js

server.js

// configure our application
const Express = require('express');
const app = new Express();
.......
.......
app.use(Express.static(__dirname+'/public'));
.......

then your html file

<img class="logo" src="/images/Heading.png" alt="My_Logo">

your images path location-

project(root folder) \ public \ images\ Heading.png

nodeJS의 무중단 관리도구인 Forever 에 대해 알아보겠습니다

node . js 앱을 실행시키거나 비정상 종료되었을 때 재실행을 시켜주는 관리도구입니다

1.forever 설치

npm install forever -g
 

2.forever 시작

forever start [js script]
 

3.forever 종료

forever stop [js script]
 

4.forever 목록

forever list

three.js

JavaScript 3D library

The aim of the project is to create an easy to use, lightweight, cross-browser, general purpose 3D library. The current builds only include a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available in the examples.

  github.com/mrdoob/three.js/releases

threejs.org/

숫자 카운트 효과

function numberCounter(target_frame, target_number) {
    this.count = 0; this.diff = 0;
    this.target_count = parseInt(target_number);
    this.target_frame = document.getElementById(target_frame);
    this.timer = null;
    this.counter();
};
numberCounter.prototype.counter = function() {
    var self = this;
    this.diff = this.target_count - this.count;
     
    if(this.diff > 0) {
        self.count += Math.ceil(this.diff / 5);
    }
     
    this.target_frame.innerHTML = this.count.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     
    if(this.count < this.target_count) {
        this.timer = setTimeout(function() { self.counter(); }, 20);
    } else {
        clearTimeout(this.timer);
    }
};

new numberCounter("counter1", 99999);
new numberCounter("counter2", 21565748);
new numberCounter("counter3", 121554864865);

nvm 활용하여 node, npm 설치하는 방법을 알아 보겠습니다.

sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

설치 후 nvm 명령어가 실행이 되지 않는 다면 환경설정을 해주어야 합니다.

nano ~/.bashrc

아래 내용을 복사 후 저장합니다.

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm

설정을 로딩 하기 위해 아래 명령어를 실행 합니다.

source ~/.bashrc

명령어를 쳤을때 아래와 같이 나온다면 성공적으로 설치가 완료 된 것 입니다.

nvm ls

N/A
node -> stable (-> N/A) (default)
iojs -> N/A (default)

이제 최신 안정화된 node 버전을 설치 하면 됩니다.

공식 홈페이지에서 안정화된 버전을 확인하거나 팀내 또는 원하시는 버전이 있다면 그 버전을 설치 하시고 진행 하시면 됩니다.

저는 최신 안정화된 버전을 설치 하겠습니다.

nvm install 12.14.1


node -v 
v12.14.1

npm - v
6.13.4

firework-ham.tistory.com/20

Simple chatbot UI for the Web with JSON scripting

github.com/ngio/chat-bubble

Simple chatbot UI for the Web with JSON scripting 👋🤖🤙

• Quick set-up & implementation.
• Works with or without Natural Language Classifiers.
• 1KB GZipped. No dependencies. Written with ES5 (compatible with IE11+).

Installation

Yarn/NPM

yarn add chat-bubble or npm install chat-bubble