IdoCleanCode
article thumbnail
Published 2024. 10. 13. 18:46
[Express.js] Project Setting Tutorials/Node
반응형

Node.js 웹 애플리케이션 프레임워크인 Express.js 프로젝트 시작 하는 내용입니다.

https://www.youtube.com/watch?v=sA0trxUPVUc&list=PLefIcuXb2LNDefeIuJSo0mgo_O23hNf68

 

 

Node.js 설치

https://nodejs.org/en 공식문서에서 다운로드하고 설치합니다.

 

프로젝트 폴더

원하는 위치에서 터미널을 열고 폴더생성하거나 편집기를 사용합니다.

mkdir express-start
cd express-start

 

npm 초기화

npm을 사용하여 프로젝트를 초기화합니다. 아래 명령어를 입력합니다.

npm init -y

 

Express.js 설치

익스프레스를 설치하기 위해서 다음 명령어를 입력합니다.

npm install express

 

서버 설정

indnex.js 파일을 생성하고 아래 코드를 입력합니다.

// index.js
const express = require('express');
const app = express();
const PORT = 3000;

// 기본 라우트 설정
app.get('/', (req, res) => {
    res.send('Hello Express');
});

// 서버 시작
app.listen(PORT, () => {
    console.log(`서버가 http://localhost:${PORT}에서 실행 중입니다.`);
});

 

브라우저 확인

브라우저에 http://localhost:3000 접속하면 "Hello Express" 메세지가 표시됩니다.

http://localhost:3000
http://localhost:3000

개발 모드

nodemon을 사용하여 코드 변경시 자동으로 재시작 합니다.

 

1. nodemon 설치

npm install --save-dev nodemon

 

2. package.json의 script 색션에 다음을 추가합니다.

"scripts": {
    "start": "node index.js",
    "dev": "nodemon index.js"
}

 

3. 개발 모드에서 서버 실행

npm run dev

 

 

https://idocleancode.tistory.com/436

 

[Node.js] 학습 로드맵

Node.js 소개Node.js 이란?Node vs Browsernode.js실행모듈코드의 재사용성과 관리 용이성을 위해 독립적인 파일로구성된 자바스크립트 구성 요소 입니다.ESMCommonJs콘솔 프로그래밍간단한 I/O 프로그램참고

idocleancode.tistory.com

 

반응형

'Tutorials > Node' 카테고리의 다른 글

[Exprss.js] 서버에서 시간 정보 받아오기  (1) 2024.10.22
[Node.js] 간단한 입출력 콘솔 프로그램  (0) 2024.10.12
[Node.js] CommonJS  (1) 2024.10.06
[Node.js] ESM  (1) 2024.10.06
[Node.js] Node.js 실행  (0) 2024.10.06
profile

IdoCleanCode

@IdoCleanCode

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!