TIL 홈페이지 만들기 1
TIL 홈페이지 만들기 1
nyamo 라는 디렉토리 파일을 만들어 준다.
그 안에 back 이라는 디렉토리 파일을 생성한 다음 터미널로 들어가 npm init
을 해준다.
전부 엔터를 눌러 packing.json 파일을 생성한다.
npm i express ts-node typescript reflect-metadata @types/express @types/node
npm i -D nodemon
npx tsc --init
위처럼 패키지를 설치해주고 packing.json 에서 아래처럼 수정해 준다.
...
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"prestart": "tsc",
"dev": "nodemon --exec ts-node src/index.ts"
},
...
tsconfig.json 파일을 아래와 같이 수정한다.
{
"compilerOptions": {
"lib": [
"es5",
"es6"
],
"target": "es5",
"module": "commonjs",
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"outDir": "./dist",
"rootDir": "./src",
"noImplicitAny": false,
"esModuleInterop": true
}
}
src 디렉토리를 만들고 그 안에 index.ts 파일을 생성하고 아래와 같이 입력한다.
import express from 'express';
const app = express();
app.get('/', (req: express.Request, res: express.Response) => {
res.send('Hello World!');
});
app.listen(4000, () => {
console.log('Example app listening on port 4000!');
});
터미널에서 npm run dev
를 하면 http://localhost:4000/ 으로 들어갈 수 있고 들어가면 hello World 라는 텍스트가 뜬다.
Author And Source
이 문제에 관하여(TIL 홈페이지 만들기 1), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@adffewr/TIL-홈페이지-만들기-1저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)