모든지 기록하자!

JSX(JavaScript XML)은 Javascrpint에 XML을 추가하여 확장 문법이다. JSX은 Javascrpint의 공식적인 문법이 아니다. 브라우저에서 실행하기 전 바벨(리액트 라이브러리)을 사용하여 자바스크립트 형태 코드로 변환된다. // JSX 예시 function App(){ retrun( 테스트 ); } // 위와 같이 작성했을 시, 바벨이 아래와 같이 Javascript로 해석해준다. function App(){ return React.createElement("h1", null, "테스트"); } JSX문법 1. 반드시 부모 요소 하나가 감싸는 형태여야 한다. - Virtual DOM 방식에서는 컴포넌트 변화를 감지할 때 효율적으로 비교할 수 있도록 컴포넌트 내부는 하나의 DOM ..

React와 Vue는 *컴포넌트 기반이고 *Virtual DOM 방식이라는 공통점이 있고, 가볍고 빠르다. *컴포넌트(Component) - 유저가 사용하는 시스템에 대한 조작장치를 이야기한다. 통상 컨트롤(Control)이라고도 하고 UI라고도 한다. 컴포넌트의 종류에는 page, header bar, footer bar, navbars, button, form 등이 있다. *가상 돔(Virtual DOM) - 실제 돔에 접근하여 조작하는 대신, 이것을 추상화시킨 자바스크립트 객체를 이용해 사용한다. 1. 컴포넌트 기반 React와 Vue 모두, 웹 UI를 작은 컴포넌트 단위로 구성한다. 컴포넌트는 다른 프로젝트에서도 재사용할 수 있고, 컴포넌트 캡슐화와 확장이 가능해 개발이 유연해진다. 2. Virt..