React 첫 시작.

일단 리액트 기초를 경험해본 의견은

 

역시 같은 웹엡답게 Vue랑 80프로 이상 같다.

 

Vue.js와 너무 비슷하지만 Vue보다 체계적이지 못하고 코드에 두서가 없는건 바닐라JS와 크게 다르지않다.

 

Redux또한 Vuex보다 한참 불편하다.

 

 

그러나 React만의 간지가 있다 ㅋㅋ

 

 

어쨋든 리액트 역시 보통 node.js로 npm설치를한다.

 

npm이 아니라 npx로 설치한다.

 

npx create-react-app 파일명

 

이렇게 터미널에치면된다.

 

 

그럼 패키지가 생성되는데 그 안에 생성되는 파일이 Vue.js와 거의 또옥같다.

 

라이브러리 저장소인 node_modules 부터,

 

라이브러리 모음 목록을 JSON으로 보여주는 package.json,

 

정적 파일 저장소인 public폴더와 실제 코드가 들어가는 src폴더까지

 

완전같다.

 

 

public 폴더에는 index.html이 있는데 해당 html에 컴포넌트를 탈부착하는 식으로,

싱글 페이지 개발 방식이라는점도 같다.

 

 

그리고 컴포넌트 탈부착을 동작시키는 코어 js파일은 Vue에서는 main.js였다면,

 

React에서는 index.js 파일이 해당 작업을 수행한다.

 

 

index.html의 body에는 저 root라는 id를 가진 element가 있는데,

 

바로 index.js에서

 

 

요렇게 id가 root인 element를 찾아서 React Dom에게 알맞은 컴포넌트를 렌더링 시키라고 명령하고있다.

 

React는 이런식으로 작동한다.