Skip to content

taeyeongyoo/education-typescript-express

 
 

Repository files navigation

📌 개요

이 프로젝트는 TypeScript와 Express 교육을 위한 자료입니다.

URL 단축 서비스서버 시간을 알려주는 서비스가 정상 작동하도록 백엔드를 구축하는 것이 학습 목표입니다.

설명 및 과제

테스트할 수 있는 프론트엔드 웹사이트 를 제공하며,

Repository에서 백엔드의 스켈레톤 코드 또한 제공합니다.

만든이: skykhs3(김현수)

1. NVM 설치

NVM(Node Version Manager) 설치 방법은 Linux, Mac, Windows 별로 다릅니다.

1. Linux 및 Mac (공통)

Linux와 Mac에서는 curl 또는 wget을 이용해서 NVM을 설치.

(1) NVM 설치

1) curl 이용

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.2/install.sh | bash

2) wget 이용

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.2/install.sh | bash

최신 버전이 필요하면 공식 NVM GitHub에서 버전을 확인하기.


(2) 설치 후 환경 변수 적용

설치가 끝나면 bashrc 파일 또는 zshrc 파일에 아래 코드 추가해야함. 본인이 쓰는 터미널 창이 bash인지 zsh 확인할 것.

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"

이 설정을 적용하려면 터미널에서 아래 명령어를 실행:

source ~/.bashrc   # bash 사용 시
source ~/.zshrc    # zsh 사용 시

(3) NVM 설치 확인

설치가 잘 되었는지 확인하려면 아래 명령어를 실행:

nvm --version

출력 예시:

0.40.2

2. Windows

Windows에서는 공식적으로 nvm-windows를 사용해야함. (NVM과는 별개의 프로젝트)

(1) NVM for Windows 설치

  1. NVM for Windows 공식 사이트에서 최신 버전의 nvm-setup.exe를 다운로드.
  2. nvm-setup.exe 실행 후 설치 진행.
  3. 설치 후 명령 프롬프트(CMD) 또는 PowerShell을 새로 열고 nvm version을 입력하여 확인.
nvm version

출력 예시:

1.1.10

(2) NVM for Windows 주의사항

  • Windows에서는 설치된 Node.js를 전역(global)으로 사용하는 경우 충돌이 발생할 수 있으므로, 충돌 시 기존에 설치된 Node.js가 있다면 삭제 후 NVM을 사용.
  • nvm 설치 시 경로에 한글이 있으면 설치가 안되는 현상 발생하므로 설치 경로에 한글 제외하기.
  • nvm 명령어 사용 시 명령 프롬프트 창을 관리자 권한으로 열어야함.

3. Node.js 설치 및 사용

nvm install 22   # Node.js 22 설치
nvm use 22      # 해당 터미널 세션에서 Node.js 22 버전 사용
nvm list         # 설치된 Node.js 버전 목록 확인
nvm alias default 22  # 새 터미널 열때 적용되는 Node.js 버전 설정

About

이 레포는 TypeScript와 Express 교육을 위한 자료입니다. 과제는 이 Repository를 fork하고 코드를 수정해 Example Website와 동일한 백엔드를 구축하는 것입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 89.2%
  • JavaScript 6.7%
  • HTML 1.9%
  • CSS 1.2%
  • Python 1.0%