Node.js 서버를 실행하고 클라이언트 측에서 실시간 데이터를 확인하는 방법입니다.(1)

Windows에서 Node.js 서버를 실행하고 클라이언트 측에서 실시간 데이터를 확인하는 방법은 여러 가지가 있습니다. 여기서는 기본적인 설정 방법과 함께 Socket.IO를 이용한 실시간 데이터 전송 예제를 소개하겠습니다.

1. Node.js 설치

먼저 Node.js를 설치해야 합니다. Node.js 공식 웹사이트에서 설치 파일을 다운로드하여 설치합니다.

2. 새로운 Node.js 프로젝트 생성

터미널 또는 명령 프롬프트를 열고, 프로젝트 디렉토리를 생성한 후 이동합니다.

bash

코드 복사

mkdir my-node-server cd my-node-server npm init -y

3. 필요한 패키지 설치

Express와 Socket.IO를 설치합니다.

bash

코드 복사

npm install express socket.io

아래는 Node.js 서버를 실행하고 클라이언트 측에서 실시간 데이터를 확인하는 방법입니다.

4. 프로젝트 구조 만들기

먼저, 프로젝트 폴더를 설정합니다. 아래와 같은 구조를 만들어 주세요:

csharp

코드 복사

redis_web_4_1_ticker/

├── app.js # 서버 측 코드

└── public/

└── index.html # 클라이언트 측 HTML

    4.1. app.js 파일 설정

app.js 파일에 아래 코드를 입력하세요:

    4.2. index.html 파일 설정

public/index.html 파일에 아래 코드를 입력하세요:

    4.3. 프로젝트에 필요한 패키지 설치

프로젝트 폴더에서 터미널(명령 프롬프트)을 열고 다음 명령어를 실행하여 필요한 패키지를 설치합니다:

npm init -y npm install express @redis/client ws

5. Redis 서버 실행

Redis 서버가 실행되고 있는지 확인하세요. Redis 서버가 설치되어 있어야 하고, 실행 중이어야 합니다. 만약 Redis가 설치되지 않았다면, Redis 설치 가이드를 참고하세요.

6. Node.js 서버 실행

터미널에서 다음 명령어를 실행하여 Node.js 서버를 시작합니다:

 

node app.js

서버가 성공적으로 시작되면 다음과 같은 메시지가 표시됩니다:
HTTP Server is running at http://localhost:3000

7. 클라이언트 웹 페이지 열기

웹 브라우저를 열고 다음 URL로 이동합니다:

 

http://localhost:3000/

이제 웹 페이지가 열리고, Redis에서 데이터를 수신하여 테이블에 표시하는 것을 확인할 수 있습니다.
REDIS시세 데이타 단순조회)

 

 

 

화면) 노드서버 실행

app.js

0.00MB

index.html

0.03MB