React: install project in ubuntu # Node.js # npm

https://nodejs.org/en/download/package-manager/

Node.js — Download Node.js®

 

Nodejs, npm 설치

Node 홈페이지에서 안내하는 사항중 fnm을 이용하는 경우

# installs fnm (Fast Node Manager)
curl -fsSL https://fnm.vercel.app/install | bash

# download and install Node.js
fnm use --install-if-missing 20

# verifies the right Node.js version is in the environment
node -v # should print `v20.13.1`

# verifies the right NPM version is in the environment
npm -v # should print `10.5.2`

 

첫 curl 요청부터 실패

  원인은 unzip 이라는 dependency가 없다고 한다.

  unzip 설치

sudo apt update
sudo apt install unzip

 

설치를 하고 다시 curl 요청부터 진행

주의: curl 로 fnm 다운로드 후, shell을 껐다 키거나 source 명령어를 통해 적용을 해주어야 다음 fnm 명령어가 먹는다.

 

글로벌로 create-react-app 설치

npm install -g create-react-app

 

 

리액트 프로젝트를 생성

이제 원하는 경로로 이동하여 리액트 프로젝트를 만들자

경로로 이동하고, 원하는 명칭의 리액트 프로젝트를 생성하자 (ex: test)

npx create-react-app test

# typescript 기반으로 생성 원할시
npx create-react-app test --template=typescript

 

설치한 프로젝트 디렉토리로 이동하여 react 실행

npm start

 

잘된다.

 

 

github 등록

 

위의 과정으로 react 프로젝트를 생성하면,  .gitignore도 생성되어 있고, 첫 커밋도 작성되어 있다.

github에 올리기 위해 해주어야 할 작업은

1. github repository 생성후, remote branch를 등록

  git remote add origin https://github.com/Junanjunan/test.git

 

2. master 브랜치 변경 (Optional)

  git branch -M main # Master에서 main으로 주 사용 branch 명 변경

 

3. github push

  git push origin main