typescript-express-starter

v10.2.1

Published

a year ago

Quick and Easy TypeScript Express Starter

Downloads

497

😎 프로젝트를 소개합니다.

Express는 유형 정의에 취약한 JavaScript로 구성 되어있습니다.

이것이 바로 TypeScript를 도입하는 스타터 패키지로 수퍼 세트를 피하는 이유입니다.

패키지는 JavaScript 대신 TypeScript를 사용하도록 구성되어 있습니다.

참고 : express-generator-typescript

🤔 Express는 무엇인가요 ?

Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크입니다.

🚀 시작하기

npm 전역 설치

$ npm install -g typescript-express-starter

npx를 통해 프로젝트를 설치

프로젝트 이름을 입력하지 않으면, 기본값으로 typescript-express-starter 폴더로 설치됩니다.

$ npx typescript-express-starter "project name"

원하시는 템플릿을 선택

설치가 완료되면 Script 명령어를 통해 프로젝트를 실행합니다.

템플릿 종류

추후 개발 할 템플릿

🛎 Script 명령어

프로덕션 모드 실행 : npm run start 아니면 Start typescript-express-starter VS Code 로
개발 모드 실행 : npm run dev 아니면 Dev typescript-express-starter VS Code 로
단위 테스트 : npm test 아니면 Test typescript-express-starter VS Code 로
코드 포맷터 검사 : npm run lint 아니면 Lint typescript-express-starter VS Code 로
코드 포맷터 적용 : npm run lint:fix 아니면 Lint:Fix typescript-express-starter VS Code 로

💎 프로젝트 기능

🐳 Docker :: 컨테이너 플랫폼

Docker란, 컨테이너 기반의 오픈소스 가상화 플랫폼이다.

설치 홈페이지에 접속해서 설치를 해줍니다.

백그라운드에서 컨테이너를 시작하고 실행 : docker-compose up -d
컨테이너를 중지하고 컨테이너, 네트워크, 볼륨 및 이미지를 제거 : docker-compose down

수정을 원하시면 docker-compose.yml과 Dockerfile를 수정해주시면 됩니다.

♻️ Nginx :: 웹 서버

Nginx 역방향 프록시,로드 밸런서, 메일 프록시 및 HTTP 캐시로도 사용할 수있는 웹 서버입니다.

프록시는 일반적으로 여러 서버에로드를 분산하거나, 다른 웹 사이트의 콘텐츠를 원활하게 표시하거나, HTTP 이외의 프로토콜을 통해 처리 요청을 애플리케이션 서버에 전달하는 데 사용됩니다.

Nginx 요청을 프록시하면 지정된 프록시 서버로 요청을 보내고 응답을 가져 와서 클라이언트로 다시 보냅니다.

수정을 원하시면 nginx.conf 파일을 수정해주시면 됩니다.

✨ ESLint, Prettier :: 정적 코드 분석 및 코드 스타일 변환

ESLint는 JavaScript 코드에서 발견 된 문제 패턴을 식별하기위한 정적 코드 분석 도구입니다.

Prettier는 개발자가 작성한 코드를 정해진 코딩 스타일을 따르도록 변환해주는 도구입니다.

코드를 구문 분석하고 최대 줄 길이를 고려하여 필요한 경우 코드를 래핑하는 자체 규칙으로 다시 인쇄하여 일관된 스타일을 적용합니다.

VSCode Extension에서 Prettier, ESLint 설치합니다.
설치가 완료되면, 단축키 CMD + Shift + P (Mac Os) 또는 Ctrl + Shift + P (Windows) 입력합니다.
Format Selection With 선택합니다.
Configure Default Formatter... 선택합니다.
Prettier - Code formatter 적용합니다.

2019년, TSLint 지원이 종료 되어 ESLint를 적용하였습니다.

📗 Swagger :: API 문서화

Swagger는 개발자가 REST 웹 서비스를 설계, 빌드, 문서화, 소비하는 일을 도와주는 대형 도구 생태계의 지원을 받는 오픈 소스 소프트웨어 프레임워크이다.

API를 대규모로 설계하고 문서화하는 데 용이하게 사용합니다.

Swagger URL은 http://localhost:3000/api-docs 으로 작성했습니다.

수정을 원하시면 swagger.yaml 파일을 수정해주시면 됩니다.

🌐 REST Client :: HTTP Client 도구

REST 클라이언트를 사용하면 HTTP 요청을 보내고 Visual Studio Code에서 직접 응답을 볼 수 있습니다.

VSCode Extension에서 REST Client 설치합니다.

수정을 원하시면 src/http 폴더 안에 *.http 파일을 수정해주시면 됩니다.

🔮 PM2 :: 웹 애플리케이션을 운영 및 프로세스 관리자

PM2란, 서버에서 웹 애플리케이션을 운영할 때 보통 데몬으로 서버를 띄워야 하고 Node.js의 경우 서버가 크래시나면 재시작을 하기 위해서 워치독(watchdog) 류의 프로세스 관리자이다.

프로덕션 모드 :: npm run deploy:prod 또는 pm2 start ecosystem.config.js --only prod
개발 모드 :: npm run deploy:dev 또는 pm2 start ecosystem.config.js --only dev

수정을 원하시면 ecosystem.config.js 파일을 수정해주시면 됩니다.

🏎 SWC :: 강하고 빠른 자바스크립트 / 타입스크립트 컴파일러

SWC는 차세대 고속 개발자 도구를 위한 확장 가능한 Rust 기반 플랫폼입니다.

SWC는 단일 스레드에서 Babel보다 20배, 4개 코어에서 70배 빠릅니다.

tsc 빌드 :: npm run build
swc 빌드 :: npm run build:swc

수정을 원하시면 .swcrc 파일을 수정해주시면 됩니다.

💄 Makefile :: Linux에서 반복 적으로 발생하는 컴파일을 쉽게하기위해서 사용하는 make 프로그램의 설정 파일

도움말 :: make help

수정을 원하시면 Makefile 파일을 수정해주시면 됩니다.

🗂 코드 구조 (default)

│
├──📂 .vscode
│  ├── launch.json
│  └── settings.json
│
├──📂 src
│  ├──📂 config
│  │  └── index.ts
│  │
│  ├──📂 controllers
│  │  ├── auth.controller.ts
│  │  └── users.controller.ts
│  │
│  ├──📂 dtos
│  │  └── users.dto.ts
│  │
│  ├──📂 exceptions
│  │  └── httpException.ts
│  │
│  ├──📂 http
│  │  ├── auth.http
│  │  └── users.http
│  │
│  ├──📂 interfaces
│  │  ├── auth.interface.ts
│  │  ├── routes.interface.ts
│  │  └── users.interface.ts
│  │
│  ├──📂 middlewares
│  │  ├── auth.middleware.ts
│  │  ├── error.middleware.ts
│  │  └── validation.middleware.ts
│  │
│  ├──📂 models
│  │  └── users.model.ts
│  │
│  ├──📂 routes
│  │  ├── auth.route.ts
│  │  └── users.route.ts
│  │
│  ├──📂 services
│  │  ├── auth.service.ts
│  │  └── users.service.ts
│  │
│  ├──📂 test
│  │  ├── auth.test.ts
│  │  └── users.test.ts
│  │
│  ├──📂 utils
│  │  ├── logger.ts
│  │  └── vaildateEnv.ts
│  │
│  ├── app.ts
│  └── server.ts
│
├── .dockerignore
├── .editorconfig
├── .env.development.local
├── .env.production.local
├── .env.test.local
├── .eslintignore
├── .eslintrc
├── .gitignore
├── .huskyrc
├── .lintstagedrc.json
├── .prettierrc
├── .swcrc
├── docker-compose.yml
├── Dockerfile.dev
├── Dockerfile.prod
├── ecosystem.config.js
├── jest.config.js
├── Makefile
├── nginx.conf
├── nodemon.json
├── package-lock.json
├── package.json
├── swagger.yaml
└── tsconfig.json

⭐️ 응원해주신 분들

🍴 참고하시는 분들

🤝 도움주신 분들

💳 라이선스

MIT

📑 커밋 메시지 정의

📬 이슈를 남겨주세요

건의 사항이나 질문 등을 이슈로 남겨주세요.

최선을 다해 답변하고 반영하겠습니다.

관심을 가져주셔서 감사합니다.