☑️ MacOS 기반 Node.js 개발환경 구축

<aside> <img src="/icons/forward_orange.svg" alt="/icons/forward_orange.svg" width="40px" /> MacOS 기반 Node.js 개발환경 구축해보기! 어렵지 않아요 🙂

  1. 일단, Node.js를 설치해볼까요? https://github.com/nvm-sh/nvm 링크를 눌러 nvm github 페이지로 접속해주세요!

           nvm(node version manager)은 Node.js의 여러 버전을 쉽게 설치할 수 있는 아주 유용한 툴이에요!

        nvm(node version manager)*은 Node.js의 여러 버전을 쉽게 설치할 수 있는 아주 유용한 툴이에요!*
    
  2. Install & Update Script 섹션으로 이동하여 nvm을 설치하는 방법을 참고하여 nvm을 설치해주세요. 헷갈리시면 명령어 복사 + 붙여넣기 명령어 중 하나만 터미널에서 실행하면 됩니다!

    1. 해당 명령줄은 1) 스크립트를 다운로드 받고 2) 실행하는 2가지의 행동을 하는 명령어에요!

    2. 명령어 복사 + 붙여넣기

      curl -o- [<https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh>](<https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh>) | bash
      
      wget -qO- [<https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh>](<https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh>) | bash
      
  3. 설치가 완료되었다면 nvm이라는 커맨드를 터미널에서 실행해서 실행되는지 보세요.

    스크린샷 2023-04-30 오후 4.47.14.png

  4. 터미널에서 nvm install [설치하고 싶은 노드 버전]명령을 실행하여 Node.js를 설치하세요.

        여기서는 Node.js 12 버전으로 설치했지만 실제론 Node.js 18 버전 이상으로 원하는 버전을 설치하세요!

     *여기서는 Node.js 12 버전으로 설치했지만 실제론 Node.js 18 버전 이상으로 원하는 버전을 설치하세요!*
    
  5. 터미널에서 npm -v를 실행하여 npm의 버전이 제대로 잡히는지 확인하세요!

    스크린샷 2023-04-30 오후 4.55.42.png

  6. npm 버전이 제대로 잡혔다면 Node.js 설치가 완료가 된 것입니다! **👏👏👏👏👏** </aside>

☑️ Windows 기반 Node.js 개발환경 구축

<aside> <img src="/icons/forward_orange.svg" alt="/icons/forward_orange.svg" width="40px" /> Windows 기반 Node.js 개발환경 구축해보기! 어렵지 않아요 🙂

  1. 일단, Node.js를 설치해볼까요? https://github.com/coreybutler/nvm-windows 링크를 눌러 nvm-windows github 페이지로 접속해주세요!

           nvm(node version manager)은 Node.js의 여러 버전을 쉽게 설치할 수 있는 아주 유용한 툴이에요!

        nvm(node version manager)*은 Node.js의 여러 버전을 쉽게 설치할 수 있는 아주 유용한 툴이에요!*
    
  2. https://github.com/coreybutler/nvm-windows/releases 페이지로 접속하면 nvm-windows 인스톨러 다운로드 페이지로 이동됩니다!

    스크린샷 2023-04-30 오후 5.10.09.png

  3. 여기서 스크롤을 조금만 내리시면 Assets라는 섹션이 보일겁니다! 이 섹션에서 nvm-setup.exe 파일을 다운로드 받아서 실행시켜주세요! 아래 스샷에서 블록으로 표시된 부분을 참고하세요!

    스크린샷 2023-04-30 오후 5.12.42.png

  4. 설치가 완료되었다면 nvm이라는 커맨드를 PowerShell에서 실행해서 실행되는지 보세요.

    1. PowerShell은 Windows에서 시작버튼 누른 후 “powershell”이라고 검색하면 바로 프로그램이 추천될거에요.

    Untitled

  5. PowerShell에서 nvm install [설치할 노드 버전]명령을 실행하여 Node.js를 설치하세요.

    1. 이 때, 노드 버전은 최소 12 이상으로 설치해주세요.
    2. 예시) 노드 버전 18 설치하기 → nvm install 18
  6. PowerShell에서 nvm use [설치한 노드 버전] 명령을 실행하여 Node.js를 활성화하세요.

    Untitled

  7. PowerShell에서 npm -v 명령어로 npm이 제대로 설치되었는지 확인해주세요

    Untitled

  8. npm의 버전이 제대로 잡혔다면 Node.js 설치 완료! **👏👏👏👏👏** </aside>