React 설정

시작하기 전

n 모듈을 통한 Node.js 다운 및 버전 변경 (MAC OS)

node.js를 안정성이 좋은 Lts 버전으로 변경하고 싶었으나 예전에 이미 설치되어 있던 최신 버전 때문인지 변경되지 않았다. 그래서 기존 버전을 제거하고 새로 설치했다.

Node.js 삭제

brew uninstall node
brew doctor
brew cleanup

npm에서 n 모듈 설치

sudo npm install -g n

Node.js 설치 및 업데이트

sudo n lts
sudo n latest
sudo n 버전

버전 변경

sudo n

• 버전 목록이 보이고 화살표 위아래로 선택 가능하다.
• 엔터를 누르면 버전이 변경된다.

React 프로젝트 생성

원하는 폴더에 들어가서 프로젝트를 생성한다.

npx create-react-app {프로젝트 명}

프로젝트 폴더로 이동한다.

서버 구동

npm start

리액트 웹페이지가 나타나면 성공이다.

이외에도 CDN을 활용할 수도 있다.

<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>