React - React란?

what is React?

React는 FACEBOOK 에서 만든 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다.

라는데 전혀 와닿지가 않는다.
그래서 그냥 내가 생각해보기로 했다.
일단 이름 자체가 React다, 번역하면 반응하다 라는 뜻이다.
페이지의 변화에 반응한다는 뜻 같다.

why shold we use React?

옛날 웹페이지들은 버튼 하나만 수정하려고 해도 해당 웹페이지 전체를 새로고침 했어야 했는데, 그때 당시에는 웹페이지에 들어가는 정보의 양이 적어서 괜찮았을지 모르겠으나, 시간이 지날수록 웹페이지에 들어가는 정보의 양이 늘수록, 로딩속도는 줄어드니 전체 새로고침보단 바뀐 부분만 새로고침 해주는게 상식적으로 훨씬 효율적일것이다.
이렇게 효율적이기 위해서 필요한 것은

• 수정된 부분만 업데이트 해주는 기능!
  => 1. virtual DOM 기능(가장 강력한 기능이라고 한다. 지만 React만의 고유한 기능은 아니다.)
  그외에 JSX, 단방향 데이터흐름 등이 큰 특징이라고 한다!
  자세한 사항은 직접 써보고 추후에 추가해야겠다.

React를 사용하기 필요한 Javascript ES6문법

• Destructuring
• speread operator
• rest parameters
• default parameters
• template literals
• arrow function
• for-of loop

기본적으로 구조가 자바스크립트의 ES6문법과 비슷하다

여기까지 React의 간단한 특징에 대해 알아보고,
왜 만들어졌는지, 왜 필요한지 근원적인것에 대해 공부했다.
다음으로 알아볼것은 JSX이다.