Node.js 랜덤채팅 프로젝트(1) - 웹서버 구축

개요

지난 8월부터 대학교 동기들과 웹프로젝트를 시작했다.
팀원은 총 3명으로 프론트 2명과 백엔드 나 혼자,
다들 아무것도 모르는 상태로 시작해서 공부하면서 개발을 진행했다.
2달이 지난 이제야 어느정도 웹프로젝트에 대한 개념이 잡혀 블로그를 통해 그간 개발해왔던 것들을 기록하고자 한다.

그간의 회의 기록들

프로젝트 시작하기

Node.js 다운받기

먼저 node.js를 여기서 받자.

프로젝트 디렉토리 생성 후 이동

mkdir randchat && cd randchat

프로젝트 초기화

npm init -y

express 설치

npm i express --save

웹서버 구동

app.js 파일을 생성 후 아래의 코드를 입력

const express = require('express');
const app = express();
const port = process.env.PORT || 3000

app.get('/', (req, res) => res.send('Welcome to randchat project!'));
app.listen(port, () => console.log(`Server running on port ${port}`));

이후 파일을 저장하고 아래의 명령어를 실행하자

node app.js

그러면 위와 같은 메세지가 출력이 되고
크롬을 키고 주소창에 localhost:3000 을 치고 들어가면

위와 같은 창을 볼 수 있다.
이렇게 웹서버 구축을 성공했다.