ReactJS 입문

오늘 부터 React 입문 주차가 되서 조도 새로 바뀌고 강의도 새로운 강의가 올라왔다

먼저 필수 프로그램을 세팅을 했는데

npm install -g yarn

이걸 터미널에서 입력을 했는데 오류메시지가 엄청 떴다;;

처음부터 쉽지가 않다;;;

찾아보니 npm 명령어를 실행할 때 권한이 부족하여 발생하는 문제라고 한다.

sudo npm install --global yarn

그래서 이런식으로 다시 치고 비밀번호를 입력하라는 메시지가 떠서 비밀번호를 입력하니 설치가 되었다!!

 

프로그램을 설치하고 리엑트를 실행시켜보자

프로젝트를 생성하는 3가지 방법이 있다 ( CRA,Vite, A-Z혼자하기)

CRA(Create React App)

한 줄의 명령어 입력으로 개발에 필슈요소를 자동으로 구성하는 방법이다

 

Vite도 CRA와 같이 풀 세팅을 해주는 빌드 도구이다

Vite의 특징은 빠른 콜드 스타트와 HMR(Hot Module Replacement)

속도 측면에서 CRA와는 비교가 안될정도로 빠르다

 

CRA vs Vite차이점

CRA는 기본적으로 설정을 숨기지만,  Vite는 사용자가 필요에 따라 설정을 더 쉽게 조정할 수 있다

 

A to Z 혼자하기는 처음부터 세팅하는 건데 정말 힘들고 어려운 길이다