본문 바로가기
모바일 웹, 앱 개발

nodejs 서버를 이용한 웹페이지 만들기1 (express라이브러리 사용)

by 히즈피스 2024. 6. 16.

Node.js와 vscode를 깔았으면 원하는 폴더를 하나 만들고 그 아래에 server.js라는 파일을 만들어보자.

 

이 후에는 package.js 파일을 만들어주는 명령어 npm init -y를 터미널에 치고 엔터를 누르자. (터미널은 ctrl+~하면 됨)

 

그리고 express라는 library를 쓸 것이기 때문에 터미널에 npm install express 명령어를 쳐주자.

 

그 다음에는 server.js파일에 아래와 같이 코드를 넣어보자.

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

app.listen(8080, ()=> {
    console.log('http://localhost:8080 에서 서버 실행 중')
})

app.get('/',(요청,응답)=>{
    응답.send('반갑다')
})

 

1. 라이브러리 불러오기

해석을 해보면, 아래는 express라는 library를 쓸 거다 라는 이야기 임.

위에서 터미널에 npm install express를 써서 library를 깔아놨기 때문에 저 명령어를 사용해도 에러가 나지 않을 것이다.

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

 

2. console에 로그 띄우기

app.listen(8080, ()=> {
    console.log('http://localhost:8080 에서 서버 실행 중')
})

 

3. 서버에 글자 보내기

app.get('/',(요청,응답)=>{
    응답.send('반갑다')
})

 

위와 같이 작성 후에 다시 터미널에서 node server.js 라는 명령어를 치면 해당 파일이 실행되면서 http://localhost:8080라는 주소를 통해 내가 만든 첫번째 웹페이지를 볼 수 있다. (8080은 port라고 불리고, 해당 포트를 통해 서버에 접속할 수 있다는 뜻이다. 다른 번호로 해도 되지만, 이미 쓰여지고 잇는 포트가 있을 수 있기 때문에 그냥 처음은 8080을 쓰자.

 

아직은 글자 하나 보낸 거에 지나지 않지만, 앞으로 다양한 게시판 기능을 만들어보면서 서버와 웹 개발의 다양한 기능을 구현해보고, 이를 통해 내가 생각하는 다양한 서비스를 실제로 출시해보고자 한다.