React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며페이스북에서 제공하는 유연한 JavaScript 라이브러리입니다. 컴포넌트라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다.즉, 웹을 만드는 데 꼭 필요한 도구들이 전부
웹페이지를 만들기 위해서 굳이 프론트엔드 라이브러리를 사용해야 할 필요는 없습니다.HTML과 CSS, 그리고 순수 자바스크립트(VanillaJS)만으로도 웹페이지를 얼마든지 제작할 수 있습니다..특히 단순한 정적 페이지를 만드는 것이 목적이라면 React와 같은 프론트
React는 이벤트로 인해 데이터를 관리하는 Model에 변화가 생기면 Virtual DOM을 생성합니다.이후 Virtual DOM과 실제 DOM을 비교하고, 변화가 발생한 부분만 업데이트 합니다.Virtual DOM은?UI의 이상적인 또는 가상적인 표현을 메모리에 저
아래 그림은 Mobx의 데이터 흐름입니다.Mobx와 Redux의 가장 큰 차이점은 store라고 할 수 있습니다.Redux의 단일 store원칙과는 다르게 Mobx는 Store의 개수에 제한이 없습니다.따라서 기능별, 로직별로 원하는대로 store를 분리하여 깔끔하게
React는 UI(혹은 View)를 여러 컴포넌트(Component) 쪼개서 만듭니다.한 페이지 안에서도 Header, Footer 등 각 부분을 독립된 컴포넌트(Component)로 만들고, 컴포넌트들을 재조립해 화면을 구성합니다.컴포넌트 기반이라는 점은 React의
JSX는 과거 페이스북에서 PHP를 개량해 만들었던 XHP에 기원을 두고 있는 새로운 자바스크립트 문법입니다.React는 JSX로 짜여집니다. (JavaScript는 아닙니다.)JSX의 특징은 기본적으로 html과 유사합니다.다만 약간의 원칙이 더 존재합니다.위 처럼