본문 바로가기

Frontend/리액트 React

Intellij react, sass, yarn 설치

sudo apt-get install curl

(apt-get(Advanced Packaging Tool): 우분투(Ubuntu)를 포함안 데비안(Debian)계열의 리눅스에서 쓰이는 팩키지 관리 명령어 도구. sudo는 superuser권한으로 실행하기 위함입니다.)

 

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - 

(API를 테스트 하거나 웹사이트 정보를 얻기 위해서 다양한 방법을 사용합니다. 이 중에 가벼운 어플리케이션으로 간단하게 사용하는 curl이 많이 사용되죠. 이는 컬이라고 불립니다. #curl이란?서버와 통신할 수 있는 커맨드 명령어 툴입니다. 웹개발에 매우 많이 사용되고 있는 무료 오픈소스입니다. curl의 특징으로는 다음과 같은 수 많은 프로토콜을 지원한다는 장점이 있습니다.

지원 프로토콜: DICT, FILE, FTP, FTPS, Gopher, HTTP, HTTPS, IMAP, IMAPS, LDAP, LDAPS, POP3, POP3S, RTMP, RTSP, SCP, SFTP, SMB, SMBS, SMTP, SMTPS, Telnet, TFTP
또한 SSL 인증 방식 역시 가능합니다. )

 

npm install -g create-react-app

 

권한이 없다고 나올 때,

sudo chown -R bitai/usr/lib/node_modules

sudo chown -R bitai/usr/bin/create-react-app

(리눅스에서 파일은 어떤 Onwer, Group에 속해있음. chown 명령어는 파일의 Owner 또는 Group을 변경하는 명령어.

$ chown [OPTIONS] USER[:GROUP] FILE(s) 와 같이 사용

옵션 -R : 하위 디렉토리의 모든 권한을 변경한다)

 

다시

npm install -g create-react-app

or

sudo npm install -g create-react-app

create-react-app react_frontend

npm start하면 리액트 서버실행

 

npm install bootstrap react-bootstrap --save-dev

npm install react-router-dom --save-dev

npm install axios --save-dev

 

npm add node-sass

 

#Yarn설치

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -

echo "deb http://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

(1.22.5)

cd proj/SpringExamples/react_frontend

위치로 가서 yarn eject

 

git commit error뜨면

 git add .(모두등록)

git status에 newfile :확인 후

git commit -m "커밋명"

 

'Frontend > 리액트 React' 카테고리의 다른 글

Node.js 설치하기  (0) 2020.10.16
rfce  (0) 2020.10.16
JSX, Babel  (0) 2020.10.14
Sass loader사용  (0) 2020.10.06
리액트 시작 VS Code, Nodejs, Yarn 설치  (0) 2020.10.05