DAY 28 <REACT>

REACT

리액트란 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리이다.
자바스크립트를 이용한 프론트엔드 개발을 더 편리하게 해주는 라이브러리이다.

리액트는 SPA를 전제로 하고 있으며 가상돔을 활용한다.
가상돔은 변경이 일어나도 브라우더 렌더링과 직접적으로 연결되어 있지 않아서 비용이 들지 않는다.
리액트에서 변경된 모든 사항을 묶어서 한번에 렌더링 하는 것을 batching 이라고 한다.

리액트를 처음 배우며 (그 전에 이미 깔았지만) Node.js 와 yarn 을 깔았다.

NPM

NPM은 Node Packaged Manager 로 Node.js로 만들어진 pakage(moudule)을 관리해주는 툴 이다.

Node.js

Node.js 는 Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임 환경이다.Node.js의 패키지 생태계인 npm은 세계에서 가장 큰 오픈소스 라이브러리 생태계이기도 하다.

Yarn

Yarn은 npm과 같은 JavaScript 의 패키지 매니저로 npm 보다 속도와 안정성이 조금 더 우수하다고 한다.

react를 시작하며 node.js 와 yarn 을 새로 다운받으며 초기 설정을 했는데 다운받으면서 문제가 생겨서 또 문제 해결을 하는데 시간을 보냈다. 왜 똑같이 하는데 또 나만 안돼....🥹🥹

//터미널에 명령어로 yarn 다운 받기
npm install -g yarn

//version 확인하기

yarn -v
yarn --version

처음에는 yarn을 다운 받으려고 했는데

사진과 같은 오류가 뜨며 권한 설정이 안됐고 저 오류를 해결하고 나니 yarn은 잘 다운이 받아졌는데 그 다음에 버전을 확인 하려고 하면 zsh command not found 라는 에러가 계속 뜨며 yarn을 찾을 수 없었다.
curl -o- -L https://yarnpkg.com/install.sh | bash
이 명령어를 친 뒤 해결이 됐다. 뭔지 모르겠고 어쨌든 된게 어디냐 싶지만 월요일 아침부터 나를 화나게 만든 리액트 첫인상부터 안 좋아...

yarn create reat-app 폴더명 명령어를 친 뒤 우여곡절 끝에 드디어 첫 react web app set up을 완료 했다.

힘겨운 여정이었고 아직 갈길이 멀지만 드디어 리액트와의 첫 만남이다. 🥹🥹🥹