프로젝트 초기화
프로젝트 초기화
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 서버를 설정하는 과정을 살펴보았습니다. 해당 설정은 프로젝트 개발을 위한 견고한 기초를 제공합니다.