React Enlightenment (React 깨우치기)
Introduction
1. React란 무엇인가요?
2. React 의미론/용어
3. React & Babel 기본적인 셋업
3.1 react.js & react-dom.js 사용하기
3.2 Babel을 통해 JSX 사용하기
3.3 React와 함께 ES6 & ES* 사용하기
3.4 JSFiddle을 이용해 React 작성하기
4. React 노드
4.1 React 노드란 무엇인가요?
4.2 React 노드 만들기
4.3 DOM으로 렌더하기
4.4 노드의 속성/Props 정의하기
4.5 요소 노드에서의 인라인 CSS
4.6 기본 제공의 요소 팩토리 사용하기
4.7 React 노드 이벤트 정의하기
5. JavaScript 문법 확장자, JSX
5.1 What Is a JSX?
5.2 Creating React Nodes With JSX
5.3 Rendering JSX to DOM
5.4 Using JS Expressions in JSX
5.5 Using JS Comments in JSX
5.6 Using Inline CSS in JSX
5.7 Defining JSX Attributes/Props
5.8 Defining Events in JSX
6. 기본적인 React 컴포넌트
6.1 What Is a React Component?
6.2 Creating Components
6.3 Return One Starting Node/Component
6.4 Referring to a Component Instance
6.5 Defining Events on Components
6.6 Composing Components
6.7 Grokking Component Lifecycle's
6.8 Accessing Children Components/Nodes
6.9 Using ref Attribute
6.10 Re-rendering A Component
7. React 컴포넌트 Props
7.1 What Are Component Props?
7.2 Sending Component Props
7.3 Getting Component Props
7.4 Setting Default Component Props
7.5 Component Props More Than Strings
7.6 Validating Component Props
8. React 컴포넌트 State
8.1 What Is Component State?
8.2 Working with Component State
8.3 State vs. Props
8.4 Creating Stateless Function Components
Powered by
GitBook
6. 기본적인 React 컴포넌트
기본적인 React 컴포넌트
이번 섹션에서는 React 노드를 이용해 어떻게 기본적인 React 컴포넌트를 만드는지에 대해 이야기합니다.
results matching "
"
No results matching "
"