react로 웹페이지 구현하기
운영체제 : MacOS
개발 툴 : vsCode

1. Node.js 설치

nodejs 홈페이지 : https://nodejs.org/en
홈페이지에 접속하면 LTS와 Current가 있다.

헤엑- 벌써 버전 20까지 나와버렸네요 라떼는...14...

• LTS는 오랜기간 지원가능하다는 뜻이며, 취약점 패치, 개선사항에 대한 패치를 의미한다. 오랜 기간은 2년이다.
• current버전은 현재 개발 진행중인 버전이고, 해당 버전에 존재하는 기능이 패치를 통해 사라지거나 변경되어 새로 코드를 작성해야 할 가능성이 존재하는 버전임.

그러니 LTS를 받는것을 추천 👍

$ curl -sL https://deb.nodesource.com/setup_20.x | sudo -E bash -
$ sudo apt-get install -y nodejs
$ sudo apt-get install build-essential

난 이미.. nodejs가 깔려있고.. 다른버전을 넘나들며(?) 사용하고싶어!

nvm 설치
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

설치하고싶은 버전 받아버리기
$ nvm install 16.17.0

nvm 버전 리스트 확인하기
$ nvm list

nvm 버전 이동하기
$ nvm use 18

node버전 확인하기
$ node -v

2. React 설치

터미널을 열고 원하는 폴더로 이동해서 react 프로젝트 만들기

$ npx create-react-app my-react-app
$ cd my-react-app
$ npm start

이건 제 개인 개발서버이구요... 원래는 localhost:3000으로 띄워진답니다 😝

끄읕 👏