yarn add axios

axios - backend api 호출을 위해

import axios from 'axios';

yarn add react-router-dom

router 를 위한 라이브러리

import { BrowserRouter, Link, Route } from 'react-router-dom';

yarn add qs

router get 쿼리의 파라미터 (?parm=value) 파싱

import { qs } from 'qs';

처음 아무것도 없이 yarn을 설치하면 아마도 구버전이 설치됨 yarn --version 했을때 0.xx 가 뜸

이경우에

yarn add something 이나 yarn version을 실행 했을때

no such file or directory 에러가남

따라서 새로 설치해야함

기존에 yarn 설치된것을 지움

• sudo apt remove cmdtest
• sudo apt remove yarn

그다음 yarn패키지를 추가 및 설치

• curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
• echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
• sudo apt-get update
• sudo apt-get install yarn

그다음 yarn version을 실행하면 됨

react를 설치하려면 nodejs를 먼저 설치해야함

sudo apt install nodejs

왜지?

react는 nodejs 런타임으로 돌아가기때문 이라고 한다

react는 자바스크립트 라이브러리의 하나인것

아마도

nodejs를 설치하면 npm이 같아 딸려오는데

적당한 버전의 npm이 설치 되었다면

react는 따로 설치할 필요가 없는것같다

그이유는 npx 때문

npx를 쓰면 따로 패키지 설치를 하지않고 실행후 종료하기 때문에

따로 설치했을때 신경써야하는 버전관리등이 필요없다고 함

npx create-react-app [앱이름]

으로 설치없이 바로 react앱을 만들수 있는것

만들어지고나면 앱이름의 디렉토리가 생기는데 해당디렉토리로 들어가서

npm start 치면 실행됨