🔍 React 설치

1. node.js 다운로드 https://nodejs.org

위 링크에서 다운로드!!
(버전은 상관 없지만,최신버전 보다는 이전버전을 선호)

다운로드 후 설치가 되었는지 확인
node -v
npm -v

2. 작업 폴더를 생성

배경화면에 작업폴더를 생성 후 vscode에서 폴더를 열어서 시작

3. React 프로젝트 생성

터미널에
sudo npx create-react-app [프로젝트명]

입력하면 프로젝트가 생성됨.
(sudo를 적지 않았을때 오류가 발생...)

4. 실행

프로젝트 폴더를 vscode에서 다시 열어준 후
터미널에 npm start를 치면 크롬으로 미리보기가 뜬다.

😭 React 설치시 발생한 오류

React 설치가 계속 안되어 다양한 방법으로 시도한 나..
왜 나만 안되는데!!!

1. npm으로 설치 시 발생한 에러

npm ERR! code EACCES
npm ERR! syscall mkdir
...

이 오류는 권한문제로 터미널을 통한 다운로드가 안되기때문에
sudo npm install -g yarn
으로 관리자 권한으로 설치.

2. 리액트 생성 명렁어를 넣을 때 발생한 에러

error An unexpected error occurred: 
"https://registry.yarnpkg.com/@xtuc/long/-/long-
4.2.1.tgz: Request failed \"404 Not Found\"".
...

yarn clean cache
터미널에 작성하고 다시 실행하니 작동.

3. 파일 안 프로젝트를 생성하니 발생한 에러

ERROR in [eslint] EACCES: permission denied
...

새로운 리액트 프로젝트를 생성했는데 실행이 되지 않아

whoami // 현재 사용자 확인하는 명령어
sudo chown -R username .

를 작성하니 모든 파일의 소유자(username)가 변경되어 작동.

몇시간동안 실행이 안되던 리액트.. 드디어 설치 끝!!!😭
이제 리액트를 차근차근 해보자?!