Javascript

express.js 이란?(프로젝트 생성까지)

초록색거북이 2023. 1. 15. 22:37
728x90
반응형
SMALL

express.js 는 단어가 새롭지만, 절대 어렵지않다.

 

express.js 설명듣기전 node.js 개념을 모르겠다면 아래링크를 클릭하고 보고오자.

[node.js 란]

 

Node.js 란? (빠르고 간결한 설명)

Node.js 를 알기 전에, javascript 에 대해 알아야합니다. javascript는 C/C++, JAVA 와 같은 프로그래밍 언어입니다. 하지만 javascript는 다른 언어와 달리, 하나의 독립적인 언어가 아닌 스크립트 언어입니다

yjkim-dev.tistory.com

쉽게 말해서 node.js 를 더 편리하게 사용하게 해주는 프레임워크라고 보면된다.

 

java 기반의 웹 프레임워크인 spring, springboot 느낌인 셈이다.

 

express 는 NodeJS를 사용하여 쉽게 서버를 구성할 수 있게 만든 클래스와 라이브러리의 집합체 이다.

 

express 환경으로 된 프로젝트를 생성해볼건데 따라해보자.

 

필자는 visual studio code 를 이용해서 폴더하나를 만들었다.

 

터미널을 킨담에, 저 경로로 들어간다.

거기서

 

프로젝트 생성을 위한 명령어를 친다.

npm init -y

그냥 npm init 만 치면 yes or no 묻는 질문이있는데, 걍 다 설치해야대니 -y 설정으로 다 오케이를 한다.

 

express.js 설치는 

npm install express

 

이제



이렇게 세가지가 자동으로 생성된걸 알수있다.

 

그다음에

 

여기에 app.js 라는 파일을 하나 만든다.

거기안에 아래 코드를 복붙!

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

app.get('/', (req, res) => {
  res.send('Hello World!')
})

require 가 자바로 따지면, import 개념인거고

const express = require('express') => express 쓰겠다.

const app = express() => app은 express 지정

const port = 3000 => port 변수에 3000 값 할당

app.get('/', (req, res) => {
  res.send('Hello World!')
})

=> app 을 실행시킬건데 get 방식을쓸거야 url 은 '/' 쓸거다.

응답값으로 텍스트 'Hello World'를 보내줄거다.

 

결론 htpp://localhost:3000 주소를 주소창에 입력을하면

응답값으로 보내준 텍스트 'hello world'가 찍힐것이다.

 

그리고 터미널에 아래 명령어를 입력하여 서버를 실행시킨다. (port :3000)

node app.js

express 서버를 실행시킨거다. 끝

728x90
반응형
LIST