1분 안에 NodeJS Express 앱으로 시작 및 실행(2022)

이 Nodejs 튜토리얼에서는 몇 분 안에 nodejs 앱을 시작하고 실행하는 방법을 배우게 됩니다.

시작하자.
  • Install Node.js & NPM
  • Initialize Your Project
  • Install Express
  • Install Nodemon
  • Create Index.js File
  • Run Nodejs App

  • Node.js 및 NPM 설치



    먼저 컴퓨터에 node와 npm을 아직 설치하지 않았다면 설치했는지 확인하세요.

    nodejs.org으로 이동하여 컴퓨터에 LTS 버전을 다운로드합니다.



    다운로드가 완료되면 두 번 클릭하여 설치 프로세스를 완료합니다.

    이 단계에서 Node와 NPM(Node Package Manager)을 성공적으로 설치했습니다.

    이를 확인하려면 컴퓨터에서 터미널 또는 명령 프롬프트를 열고 다음 명령을 실행하십시오.

    node -v
    npm -v
    


    프로젝트 초기화



    컴퓨터에 프로젝트 폴더를 만들고 즐겨 사용하는 편집기에서 엽니다. 터미널과 함께 제공되는 Visual Studio를 선호합니다.

    그런 다음 터미널 창을 열고 프로젝트 디렉터리에 있는지 확인하고 다음 명령을 실행하여 프로젝트 폴더 안에 package.json 파일을 생성하여 프로젝트를 초기화합니다.

    npm init -y
    


    익스프레스 설치



    다음 단계는 가장 인기 있는 Node.js 웹 애플리케이션 프레임워크 중 하나인 express 을 설치하는 것이므로 처음부터 시작할 필요가 없습니다.

    익스프레스를 설치하려면:

    npm I express
    


    성공적으로 설치되면 "node_modules"라는 폴더와 프로젝트 폴더에 "package-lock.json"이라는 파일이 추가된 것을 볼 수 있습니다.

    종속성 개체 아래의 package.json 내에 설치된 npm 패키지를 확인할 수도 있습니다.



    Nodemon 설치



    Nodemon은 프로젝트를 변경할 때마다 서버를 다시 시작하지 않고 앱을 실행하는 데 도움이 되는 npm 패키지 중 하나입니다.

    nodemon을 설치하려면 다음 명령을 실행합니다.

    npm install nodemon
    


    그런 다음 package.json으로 이동하여 스크립트 내부의 속성을 다음에서 바꿉니다.

    Test: echo \”Err
    


    에게:

    "devStart" : "nodemon index.js"
    


    Index.js 파일 생성



    프로젝트 내부에 index.js 파일을 생성하고, 그 안에 상단에 express를 import하고 express 서버를 생성하여 app이라는 상수에 저장합니다.

    const express = require('express');
    const app = express();
    


    그런 다음 HTTP get() 요청 메서드를 사용하여 "/"인 홈 URL에 대한 경로를 만듭니다.

    app.get("/", (req, res) => {
        res.send("I will be shown on the Browser");
        console.log("I will be shown on the Terminal");
    });
    


    Get() 메서드는 두 개의 인수를 사용합니다.
  • URL 경로, 이 경우에는 홈 URL("/")입니다.
  • req 및 res를 매개변수로 갖는 콜백 화살표 함수입니다. 이 기능은 사용자가 홈 경로로 이동할 때 호출됩니다.

  • 그런 다음 send() 메서드를 호출하여 응답 개체를 사용하여 브라우저에 일부 데이터를 보낼 수 있습니다.

    send() 메서드에 대한 인수로 추가한 텍스트는 브라우저에서 볼 수 있습니다.

    터미널/명령줄에서도 텍스트를 볼 수 있도록 콘솔에 기록했습니다.

    마지막으로 포트 3000을 수신합니다.

    app.listen(3000);
    


    Node.js 앱 실행



    다음 명령을 사용하여 앱을 실행해 보겠습니다.

    nodemon
    


    Sometimes, you may get an error saying nodemon app crashed – waiting for file changes before starting.

    If you do get such an error, run the following command and restart nodemon

    killall -9 node



    그러면 문제가 해결될 것입니다.

    nodemon이 성공적으로 실행되면 터미널 창에 console.log 메시지가 나타나는 것을 볼 수 있습니다.



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

    http://localhost:3000/
    


    브라우저에 텍스트가 나타나는 것을 볼 수 있습니다.

    좋은 웹페이지 즐겨찾기