하늘을 난 모기

3. JSX React.createElement()를 계속 작성하는 노가다를 해결 3.1 JSX의 정의와 장점 자바 스크립트의 확장 React.createElement() 호출 반복 해소 React 엘리먼트를 생성하면서 자바스크립트의 모든 기능을 쓸 수 있도록 도와줌. [ 장점 ] 개발자 경험 개선 ; 중첩된 선언형 구조를 더 잘 나타냄 팀의 생산성 향상 문법 오류와 코드량 감소 ex) non JSX React.createElement( "div", null, React.createElement(HelloWorld, null), React.createElement("br", null), React.createElement("a", { href: "http://webapplog.com" }, "Great ..

2. React 첫 걸음 React의 엘리먼트와 컴포넌트 개념 이해 필요. 엘리먼트는 컴포넌트의 인스턴스이며, 컴포넌트 클래스라고 한다. 2.1 엘리먼트 중첩 let h1 = React.createElement('h1', 'null, 'Hello World') ReactDOM.render( React.createElement('div', null, h1, h1), document.getElementById('content') ) // output Hello World Hello World2.2 React 컴포넌트 클래스 생성 let h1 = React.createElement('h1', null, 'Hello World..

1. React 살펴보기 기존 템플릿 엔진의 재사용 불편함을 개선하기 위해 Facebook에서 개발한 라이브러리 Templete Language React 재사용 힘듬 재사용이 쉬움 도메인 특정 언어 사용 사용 X 1.1 React란 무엇인가? React : UI Component Library 여러 컴포넌트로 UI를 구성하는 방식 Component-Based Architecture (CBA) 1.2 React가 해결할 수 있는 문제 복잡한 UI로 구성된 프론트엔드 애플리케이션을 개발하고 관리하는 데 어려웠음. '우리는 한 가지 문제를 해결하기 위해 React를 만들었습니다. 우리가 해결하고자 한 문제는 시간에 따라 변화하는 데이터를 다루는 거대한 애플리케이션의 개발입니다.' in Reac..

회사에 입사했다.당연히 안드로이드를 할 줄 알았다.... 나는 프론트 개발을 시작하게 됐다. 리액트를 사용한다.그래서... 리액트를 시작했다. 우선 아무것도 모르기 때문에 책을 한 권 독파하기 시작했다. 책은 '리액트 교과서' 버라이어티한 프론트 입문 개발기 시작