제로하우스

Overview React is a JavaScript library for building user interfaces. MVC 프레임워크가 아니다! 시간 경과에 따른 데이터 표현이 가능하다. Features 리액트는 선언형이고, 컴포넌트 기반이고, 다양한 곳에서 활용(범용성)할 수 있다는 특징이 있다. 선언형 (Declarative) 한 페이지를 보여주기 위해 HTML, CSS, JS로 분리해서 작성하는 것이 아닌, 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그램밍을 지향한다. 컴포넌트 기반 (Component-Based) 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트 기반으로 개발한다. 컴포넌트를 분리함여 서로 독립적이고 재사용 가능하기 때문에, 기능 자체에 ..

이번 글에서는 React의 props와 state의 간단한 사용법을 다룬다. props와 state props와 state는 React에서 데이터를 전달하는 방법이다. props: 부모 컴포넌트가 자식 컴포넌트에 값을 전달할 때 사용한다. (읽기 전용) state: 자기 자신이 가지고 있는 값이다. (데이터 변경이 필요한 경우 setState() 함수를 통해 값을 변경) props 사용하기 아래는 props를 사용하는 간단한 예시이다. App 컴포넌트의 자식 컴포넌트로 Name 컴포넌트가 있으며, first와 last라는 데이터를 this.props로 전달받는다. // App.js import React from 'react' class Name extends React.Component { render..