Nodejs와 Expressjs에게 인사하기

안녕 모두들!
오늘 더 애국심을 가지세요 :P

이것은 우리가 Nodejs와 Expressjs의 물에 발을 담그는 첫 번째 프로젝트 튜토리얼입니다.

이제 이 멋진 작업을 시작하겠습니다. 여러분도 저처럼 흥분되시기 바랍니다.

전제 조건 -
  • VS Code를 내 IDE로 사용하고 있습니다. Atom 또는 VS Code를 사용하시기 바랍니다
  • .
  • Javascript의 기본을 알아야 합니다.
  • JS 및 html 파일의 확장자가 무엇인지 알아야 합니다
  • .
  • 명령줄 또는 git 명령에 익숙해야 합니다(알겠습니다. 선택 사항)
  • .

    이 nodejs는 무엇입니까?



    Nodejs는 JS 프레임워크입니다.
    JS로 백엔드에서 작업하는 데 사용됩니다.
    초고속이며 확장 가능한 웹 응용 프로그램을 만들 수 있습니다.
    Netflix, Twitter, Uber 등은 백엔드에서 Nodejs를 사용합니다.

    오 어서!! 이론을 파고들지 말고 Nodejs로 무엇을 할 수 있는지 봅시다

    1단계 - Nodejs 작업(명령줄의 모든 항목, git bash 사용)


  • nodeJS를 다운로드하여 설치합니다
  • .
  • NodeJS 버전 확인
  • node --version
  • pwd - 현재 디렉토리의 경로를 알기 위해
  • pwd
  • 새 디렉토리 만들기
  • mkdir Nodedemo
  • 이 디렉터리로 이동합니다
  • .
    cd Nodedemo
  • 명령줄에서 파일 만들기(이 프로젝트와 관련 없음)
  • touch index.js
  • 그냥 NODE 항목

  • 노드를 설치할 때 REPL도 설치합니다.

    명령줄에 'node'를 입력하고 Enter 키를 누릅니다.

    이제 여기에 코드를 작성하면 다음 줄에 화살표가 나타납니다.
    여기에 JS 코드를 작성하세요.

    종료하려면 ' .exit '을 입력하십시오.

    제작을 시작하고 'server.js' 파일을 생성합니다.


  • 명령줄 유형에서

  • npm install express
    

  • server.js 상단에 작성

  • //jshint esversion6
    

  • 그 아래에 다음을 입력합니다.

  • const express = require("express");
    

    이제 express라는 이름의 const 변수에 "express"가 필요하고 변수 이름이 항상 express일 필요는 없습니다.
  • 유형

  • const app = express();
    

    이 함수는 익스프레스 모듈을 나타냅니다.
  • 이제 여기에서 요청을 수신하는 포트를 선택합니다.

  • app.listen(3000);
    

    3000은 내 선택, 5000, 8000 원하는 숫자를 사용할 수 있습니다.
  • 명령줄 유형에서

  • node server.js
    

    명령줄에서 이 server.js가 있는 동일한 폴더에 있는지 확인합니다.

    Ctrl+C를 눌러 명령줄에서 서버를 종료합니다.
  • 이제 오류가 발생할 수 있으므로
    이를 제거하는 솔루션은 듣기 기능을 만드는 것입니다
  • .

    이것을 입력하십시오

    app.listen(3000,function(){
    console.log("Server started at post 3000");
    });
    
    


    이제 브라우저에서 체크인하고 다음을 입력하십시오.
    localhost:3000 URL 상자에 입력하고 Enter 키를 누릅니다.
  • 브라우저에 'CANNOT GET/'이 표시됩니다
  • .
  • 이제 요청 및 응답을 처리할 시간입니다.
    서버가 포트 3000에서 수신 중이지만 요청을 받을 수 없고 응답할 수 없습니다
  • .
  • app.get 메소드 추가

  • app.get("/",function(request,response){
    response.send("hello world");
    
    });
    


    이제 서버가 작동합니다
    새로운 것을 추가할 때마다 서버를 새로 고치십시오.

    이제 브라우저에 "hello world"가 표시됩니다.

    읽어 주셔서 감사합니다

    좋은 웹페이지 즐겨찾기