조건부 렌더링 이해하기
Conditional Rendering(조건부 렌더링) 조건부 렌더링은 렌더링을 하기에 앞서 특정 조건에 맞추어 렌더링이 달리 하기 위한 개념이다. 조건문을 렌더링이 적용하는 것이다.
최근 포스트
Hook 이해하기
Hook이란? 컴포넌트에는 2가지 클래스, 함수 컴포넌트가 존재한다.
State와 LifeCycle 이해하기
State 리액트 컴포넌트의 변경가능한 데이터를 의미한다. 이는 개발자가 각자 정의해서 사용한다. 주의할 것은 렌더링이나 데이터 흐름에 사용되는 값만 state에 포함해야 한다는 것. staet 값은 변경될 경우 컴포넌트가 재렌더링되기에 과도할 경우...
컴포넌트와 props의 개념 이해
컴포넌트 리액트는 컴포넌트들이 모여 페이지를 구성하다고 해도 과언이 아니다. 컴포넌트는 브라우저에서 하나의 부분, 조각의 개념이다. 같은 조각을 여러개 배치할 수도 있고 조금씩 변화를(색이나 크기 등등) 줄 수도 있다. 한 화면에 같은 모양의 객체를 여러개 놓는다고...
JSX 살펴보기
JSX(JavaScript XML) jsx는 자바스크립트와 xml/html을 합친 개념으로 리액트에서 엘리먼트를 생성하기 위한 코드 형식이라고 볼 수 있다.
리액트의 최소 단위 Element
Element 리액트 어플리케이션을 구성하는 가장 작은 블록 DOM : 웹사이트에 대한 모든 정보를 담고 있는 객체 기존에는 element라고 하면 DOM Element를 의미하였다.