React

리액트 공식 웹 사이트에서는 리액트를 A JavaScript library for building user interfaces라고 정의하고 있다.한국말로는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리이다.자주 사용되는 기능을 정리해 모아놓은 것사용자

여기서 업데이트란 웹 사이트를 탐색 시 화면에 나타나는 내용이 바뀌는 것이다. 리액트에서는 빠른 업데이트를 위해 내부적으로 Virtual DOM이라는 것을 사용한다.가상의 DOM이다. DOM은 Document Object Model의 약자로 웹페이지를 정의하는 하나의

JavaScript를 줄여서 보통 JS라고 많이 표기한다. React도 사실 공식 명칭은 React JS이다.JSX는 A syntax extension to JavaScript 라는 의미를 가지고 있다. 자바스크립트의 확장 문법이라는 뜻이다. JSX는 자바스크립트와 X

위의 두 코드는 동일한 역할을 한다. JSX를 사용한 코드는 HTML의 div 태그를 사용해 name이라는 변수가 들어간 인사말을 표현하고 있다.JSX를 사용하지 않은 코드는 createElement 함수를 사용해 동일한 작업을 수행하고 있다.두 코드를 비교해 봤을 때

Elements라는 영어 단어는 요소, 성분이라는 뜻을 가지고 있다. 즉, 어떤 물체를 구성하는 성분을 Elements라고 한다.React의 Elements도 React 앱을 구성하는 요소를 의미한다.React 공식 홈페이지에서는 Elements를 아래와 같이 정의하고

React elements are immutable불변성은 변하지 않는 성질을 의미한다. elements가 불변성을 갖고 있다는 것은 한 번 생성된 Elements는 변하지 않는다 는 것이다. 즉, elements 생성 후에는 children이나 attributes를

React는 component 기반의 구조이다. 모든 페이지가 component로 구성되어있고, 하나의 component는 또 다른 여러 개의 component의 조합으로 구성될 수 있다.하나의 component를 반복적으로 사용함으로써 전체 코드의 양을 줄일 수 있어

Props의 중요한 특징은 Read-only, 즉 읽기 전용이라는 것이다. 읽을 수만 있고 값을 변경할 수 없다.props의 값은 React component가 element를 생성하기 위해 사용하는 값인데, 이 값들이 element를 생성하는 도중에 바뀌어 버리면 제

React에서 component는 위와 같이 크게 클래스 컴포넌트와 함수 컴포넌트로 나뉜다.React 초기 버전에서는 클래스 컴포넌트를 주로 사용하다가 사용하기 불편하다는 의견이 많이 나왔고, 이후 함수 컴포넌트를 개선해서 주로 사용하게 되었다. 함수 컴포넌트를 개선하

component 합성은 여러 개의 component를 합쳐서 하나의 component를 만드는 것이다.React에서는 component 안에도 다른 component를 사용할 수 있기 때문에 복잡한 화면을 여러 개의 component로 나눠서 구현할 수 있다. 위의

React에서의 state는 React component의 상태를 의미한다. 쉽게 말하면 React component의 변경 가능한 데이터를 State라고 부른다.State는 사전에 미리 정해진 것이 아니라 React component를 개발하는 각 개발자가 직접 정의