Category: React

2019
0
DevelopReact

조건부 렌더링

React Official Document주요개념 : 조건부 렌더링 조건 연산자 이용 엘리먼트(요소)를 변수에 저장하기 인라인으로 IF를 표현하기 논리 && 연산자로 if를 인라인으로 표현하기 삼항 연산자로 If-Else구문 인라인으로 표현하기 컴포넌트 렌더링 막기 setState 일괄처리 setState 일괄처리 해결 Re

0
DevelopReact

이벤트 처리하기

React Official Document주요개념 : 이벤트 처리하기 React 이벤트 문법 기본동작 방지 ( preventDefault ) 이벤트 리스너 예제 : Toggle 컴포넌트 만들기 React this constructor 내부에서 this 바인딩 public class field 문법 콜백에 화살표 함수 사용 constr

0
DevelopReact

State and Lifecycle

React Official Document주요개념 : State and Lifecycle 함수에서 클래스로 변환하기 클래스에 지역 State 추가하기 생명주기 메서드를 클래스에 추가하기 componentDidMount() 메서드 구현 componentWillUnmount() 메서드 구현 tick() 함수 구현 호출 순서 요약 State 올바르게 사용

0
DevelopReact

Components and Props

React Official Document주요개념 : Components and Props 함수 컴포넌트와 클래스 컴포넌트 컴포넌트 렌더링 주의: 컴포넌트의 이름은 항상 대문자로 시작 컴포넌트를 이용한 렌더링 예시 컴포넌트 합성(구성) 컴포넌트 추출(분리) props는 읽기 전용 React Official Document주요개념#3. Comp

0
DevelopReact

엘리먼트(요소) 렌더링

React Official Document주요개념 : 엘리먼트(요소) 렌더링 React 엘리먼트(요소)란? DOM에 요소 렌더링하기 렌더링 된 요소 업데이트하기 React는 변경된 부분만 업데이트 한다. React Official Document주요개념#2. 엘리먼트(요소) 렌더링React 엘리먼트(요소)란? 1const element = &l

0
DevelopReact

JSX 소개

React Official Document주요개념 : JSX 소개 JSX 란? JSX를 표현식에 포함하기 변수 함수 호출 JSX도 표현식 JSX 속성 정의 경고 JSX 하위 요소 정의 JSX XSS 공격 방지 JSX는 객체를 표현한다. React element(요소) React Official Document주요개념#1. JSX 소개