express js은 노드 js 자체에 구축된 매우 인기 있는 프레임워크이며 다양한 기능을 제공하고 많은 주요 기술 회사가 생산에 사용할 정도로 강력하므로 모든 것을 염두에 두고 첫 번째 단계를 시작하겠습니다. 익스프레스 js 시리즈!!!

1 단계

편집기 설정

먼저 코드 편집기를 엽니다. 개인적으로 저는 Vs Code을 사용합니다. Atom Sublime Text 등과 같이 사용 가능한 모든 것을 사용할 수 있습니다.

2 단계

npm을 사용하여 필수 패키지 설치

나는 당신이 노드 js를 다운로드하고 설치했다고 가정하고 있습니다. here을 클릭하지 않고 다운로드하고 설정한 다음(매우 쉽습니다) 작업 중인 동일한 디렉토리에서 터미널을 열고 다음을 수행합니다.

npm init -y

npm comes with node js so don't worry, you don't have to install it seperately

그 후에 다음과 같이 생성된 package.json이라는 파일이 표시됩니다.



이 작업을 완료한 후 터미널을 다시 열고 다음 명령을 사용하여 npm을 사용하여 express js를 설치합니다.

npm install express

It should look like this if succesfully done and if any problem occurs try running it as sudo or for windows as an administrator and make sure you have an internet connection to download the package

3단계

express js용 스크립트 작성

이제 간단하게 .js 확장자를 가진 파일을 만드세요(당연히 javascript로 작업하고 있기 때문입니다).



이제 이 코드를 파일에 복사하세요. 아래에서 설명할 테니 걱정하지 마세요 :)

const express = require("express");

const app = express();

app.get("/", (req, res) => {
  res.send("Hello world");
});

app.listen(3000, () => {
  console.log("Server is Running on Port 3000");
});

설명

첫 번째 줄const express = require("express")에서 파일에 패키지를 포함시켰습니다. Python 배경에서 온 경우 Python의 import와 유사합니다.

그런 다음 express의 모든 기능을 저장한 app이라는 변수를 초기화했습니다const app = express(). 이제 다른 이름을 쉽게 사용할 수 있도록 매번 express를 작성하는 대신 app을 호출합니다.

이제 HTTPS GET 메서드를 사용하는 get 함수와 요청을 처리하고 응답을 제공하는 콜백 함수를 사용했습니다.

app.get("/", (req , res) =>{
res.send("Hello world");
});

"/" 이것은 우리가 우리 웹 페이지의 홈 페이지에 있다는 것을 의미하며 어떤 get 요청이 있으면 res.send()를 사용하여 응답을 보낼 것입니다. 거기에 html 페이지가 표시되는 hello world를 전달했습니다. 전체를 전달할 수도 있습니다. html 파일도 있습니다(자세한 내용은 다음 게시물에서).

마지막 줄에서 app.listen() 함수를 사용했습니다.
우리가 통과하는 특정 포트를 수신 대기하고 어떤 포트 서버가 실행되고 있는지 기록하는 콜백 기능은 포트 3000입니다(머신에서 사용 가능한 모든 포트를 사용할 수 있음).

4단계

스크립트 마무리 및 실행

이 모든 작업을 마친 후 vs 코드의 코드 러너 확장을 사용하여 코드를 실행하거나 터미널로 이동하여 다음을 입력하십시오.

node server.js

모든 것이 정상이면 터미널에 이와 같은 것이 표시되어야 합니다.


이제 우리의 작업을 보려면 브라우저를 가급적이면 Chromelatest 버전으로 열고 검색 표시줄에 localhost:3000라고 쓰면 코드와 동일한 포트 번호를 쓸 것입니다(포트 3000을 사용했기 때문에).
그리고 당신은 볼 수



express js로 첫 번째 웹 서버를 만든 것을 축하합니다!!!!

이제 내 사랑스러운 사람들이 계속 지켜보고 행복하게 코딩합니다. ;)

내 기사에서 오류를 발견하면 언제든지 메시지를 보내주세요. 오류 및 수정의 범위도 항상 있습니다 😊.