본문 바로가기

리액트8

컴포넌트와 props React의 기본 구조는 컴포넌트의 집합입니다. 컴포넌트란 UI를 재사용 가능하게끔 만들어 놓은 여러 조각입니다. 함수 컴포넌트와 클래스 컴포넌트 컴포넌트를 정의하는 간단한 방법은 javascript 함수를 만드는 것입니다. function Welcome(props) { return Hello, {props.name}; } 이 함수는 데이터를 가진 하나의 props 파라미터를 받은 후 React 엘리먼트로 반환합니다. 이러한 컴포넌트는 javascript 함수이기 때문에 함수 컴포넌트라고 합니다. 또한 ES6의 클래스를 통해 컴포넌트를 정의할 수 있습니다. class Welcome extends React.Component { render() { return Hello, {this.props.name};.. 2021. 1. 13.
React.js란? 리액트란 무엇인가? 리액트는 자바스크립트의 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다. 리액트는 싱글 페이지 어플리케이션이나 모바일 어플리케이션의 개발 시 토대로 사용 될 수 있다. 리액트의 특징 리액트를 공부하면서 익혔던 특징은 다음과 같다. React는 선언형이다. React는 컴포넌트 기반으로 재사용성이 뛰어나다. React는 Virtual DOM 기반으로 가볍다. React 컴포넌트는 state와 props를 가진다. 1. 선언형이란? 리액트는 선언형 성격에 맞게 컴포넌트를 jsx문법을 통해 구현한다.(jsx를 사용하지 않을 수도 있지만 대부분의 개발자들은 사용하고 있다) 해당 컴포넌트의 변경사항을 체크하는 알고리즘.. 2021. 1. 3.