검색
검색
공개 노트 검색
회원가입로그인
Node.js Express로 쉽게 서버 구축하기

프로젝트 초기화

프로젝트 초기화

Node.js와 TypeScript를 사용하여 Express 애플리케이션을 시작하려면 프로젝트를 초기화해야 합니다. 프로젝트 초기화는 Node.js 프로젝트 폴더를 설정하고 필요한 기본 패키지를 설치하는 것을 포함합니다. 아래는 단계별 설명입니다.

1. Node.js 프로젝트 생성

먼저, 새로운 프로젝트를 위한 디렉토리를 생성하고 해당 디렉토리로 이동합니다. 터미널에서 다음 명령어를 실행하세요:

mkdir express-ts-project
cd express-ts-project

2. package.json 생성

Node.js 프로젝트의 정보를 기록하기 위해 npm init 명령어를 사용합니다. 프로젝트의 이름과 기타 정보를 입력하거나 기본값으로 설정하려면 -y를 사용하세요:

npm init -y

이렇게 하면 package.json 파일이 생성되고 프로젝트의 종속성을 관리할 준비가 됩니다.

3. TypeScript 및 Express 설치

TypeScript 및 Express 관련 패키지를 설치합니다. 먼저 TypeScript를 전역적으로 설치하고, 프로젝트 디렉토리 내에서 typescript@types/node를 포함한 필요 패키지를 설치합니다:

npm install typescript @types/node --save-dev
npm install express @types/express

typescript 모듈을 설치하면 TypeScript 컴파일라인 도구를 사용할 수 있습니다. 그리고 @types/node@types/express는 TypeScript 타입 정의 파일입니다.

4. 기본 서버 파일 작성

src/index.ts라는 이름의 파일을 생성하고, TypeScript로 Express 기반 서버를 작성합니다. 이 예는 간단한 Hello World 예제입니다:

import express from 'express';

const app = express();
const port = 3000;

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

app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

5. 실행 및 확인

서버를 실행하기 전에 TypeScript 코드를 컴파일해야 합니다. tsc 명령어를 사용하여 컴파일을 실행합니다. 그런 다음, Node.js로 출력된 JavaScript 파일을 실행하여 서버를 시작합니다.

npx tsc
node dist/index.js

브라우저를 열고 http://localhost:3000으로 이동하면 Hello, World!가 표시되는 것을 볼 수 있습니다.

결론

이번 장에서는 Node.js와 TypeScript로 Express 서버를 설정하는 과정을 살펴보았습니다. 해당 설정은 프로젝트 개발을 위한 견고한 기초를 제공합니다.

참고 자료


공유하기
카카오로 공유하기
페이스북 공유하기
트위터로 공유하기
url 복사하기