차수영

JSX란? React.js 는 일반 JavaScript 문법이 아닌 JSX 문법을 사용하여 UI를 템플릿화 한다. JSX로 작성된 코드는 나중에 번들링되면서 babel-loder를 통해 자바스크립트로 변환한다. JSX를 사용하는것이 필수는 아니지만 이를 사용하면 다음과 같은 장점있다. 1. 보기에 익숙하다(가독성이 좋다) 2. 컴파일시 오류 감지 3. HTML 사용하듯이 사용 JSX var soo = ( <div> <h1>안녕하세요</h1> </div> ) 바벨로 변환하면 다음과 같다. var soo = React.createElement( "div", null, React.createElement( "h1", null, "안녕하세요" ) ) 문법 - 부모 Element 컴포넌트에 여러 Element가...

study

React 시작하기 React.. 첫 시작은 검색.. 수많은 문서, 예제들이 쏟아져 나왔다. 눈으로 읽고 보고 또 보아도 머릿속에 들어오지 않지만 하나씩 시작해보려고 한다. React 는 프레임워크가 아닌 자바스크립트 라이브러리로 사용자 인터페이스를 만드는데 사용한다. 구조가 MVC, MVW 등인 프레임워크와 달리, 오직 View 만 신경 쓰는 라이브러리이다. Component 가장 먼저 알아야 하는 것은 React 의 컴포넌트. React 컴포넌트는 render()에서 새로운 DOM 트리를 생성하고, 이전 DOM 트리와 비교하여 변경 점을 찾아 업데이트한다. 하나에 컴포넌트에서 해당 생김새와 작동방식을 정의하고 컴포넌트...

study