#3.0 Your First Server

jini.choi·2022년 6월 10일
0

유튜브 클론코딩

목록 보기
6/27

import

import express from "express"
express function을 사용하면 express application을 생성해준다.

const app = express();
(app이 아닌 다른 이름으로 해도되지만 관습이기때문에 되도록 app으로)

이제 app이 express application이 된 것


서버란

app이 listent해야 한다 했을 때 무엇을 listening해야 한다는 걸까

서버는 항상 켜져있고, 인터넷에 연결돼있는 컴퓨터라 할 수 있다.
그리고 request를 listening하고 있고, 이에 respond한다.

request란?
만약 google.com을 간다면, 지금 google.com에 request를 보낸 것
https://nomadcoders.co/login 에 간다고 하면 이게 /login으로의 request다.
내 서버는 그것을 listening하고 있다. 서버가 알아채고 "누군가(/login으로) 가겠대. 무언가 해야돼" 라고 하는 것

  • 서버(app)가 들을 수 있도록 외부 개방

  • 어떤 경우에는 서버가 공개되어 있지 않기 때문에 브라우저의 request를 listening하지 못하고, 특정한 request만 listening 할 수 있듬

  • port: 컴퓨터의 문 혹은 창문, 즉, 서버가 듣고 있는 것임
    (보통 높은 숫자들의 port는 비어있음(4000번 쓰는게 백엔드 관습))

    port를 사용하는 이유
    서버는 컴퓨터 전체를 listen할 수 없고 port가 있어야 함

  • callback: 서버가 시작할 때 작동하는 함수
    app.listen(port, callBack);


서버 접속 방법

  • 서버를 시작했다면(app실행) http://localhost:4000/ 을 통해 서버 접속
  • 접속 종료는 ctrl/command + c

Code

import express from "express"; //"express"라는 package라는 이름으로 import

const PORT = 4000;

const app = express(); 
//express application(app이 아닌 다른 이름으로 해도되지만 관습이기때문에 되도록 app으로)

const handleListening = () =>
  console.log(`✅ Server listening on port http://localhost:${PORT} 🚀`);


app.listen(PORT, handleListening);
// 서버가 사람들이 뭐가를 요청할 때까지 기다리게 해야된다.
profile
개발짜🏃‍♀️

0개의 댓글