📌 개요

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

테스트할 수 있는 프론트엔드 웹사이트 를 제공합니다

웹사이트 상단의 Localhost 버튼 클릭 후, Short URL(URL 단축 서비스) 와 Live Clock(서버 시간을 알려주는 서비스) 이 정상 작동하도록 백엔드를 구축하는 것이 학습 목표입니다.

8.practice/backend/src/routes/short-url.ts, 8.practice/backend/src/routes/live-clock.ts 의 코드를 수정해주세요.

CRUD TEST 에서 벡엔드 서버로 API 요청이 가능하며, 자세한 설명은 ppt 를 참조해주세요.

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 버전 설정