English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

ReactJS 튜토리얼

Facebook에서 개발한 프론트엔드 라이브러리인 React는 웹 및 모바일 애플리케이션의 뷰 레이어를 처리합니다. ReactJS는 재사용 가능한 UI 컴포넌트를 생성할 수 있게 해줍니다. 이는 현재 가장 인기 있는 자바스크립트 라이브러리 중 하나로 강력한 기반과 방대한 커뮤니티를 가지고 있습니다.

React는 사용자 인터페이스를 구축하는 자바스크립트 라이브러리입니다.

React는 주로 UI를 구축하기 위해 사용되며, 많은 사람들이 React는 MVC의 V(뷰)라고 생각합니다.

React는 Facebook의 내부 프로젝트에서 시작되어 Instagram 웹사이트를 설치하기 위해 사용되었으며, 2013 년 5 월开源.

React는 높은 성능을 가지고 있으며, 코드 로직이 매우 간단하여, 점점 더 많은 사람들이 주목하고 사용하기 시작했습니다.

React 특징

  • 1− 선언형 설계 − React는 선언형 패러다임을 사용하여 애플리케이션을 쉽게 설명할 수 있습니다.

  • 2− 효율 − React는 DOM을 모의하여 DOM과의 상호작용을 최소화합니다.

  • 3− 유연 − React는 알려진 라이브러리나 프레임워크와 잘 협력할 수 있습니다.

  • 4− JSX − JSX는 JavaScript 문법의 확장입니다. React 개발은 JSX를 사용하지 않아도 됩니다만, 권장합니다.

  • 5− 컴포넌트 − React를 통해 컴포넌트를 구축하면 코드가 더 쉽게 재사용되고, 대형 프로젝트 개발에 잘 적용됩니다.

  • 6− 단방향 응답형 데이터 흐름 − React는 단방향 응답형 데이터 흐름을 통해 중복 코드를 줄여, 전통적인 데이터 바인딩보다 간단합니다.

이 튜토리얼이 적합한 인群的

이 튜토리얼은 ReactJS를 처음 사용하는 JavaScript 개발자를 위한 것입니다. 간단한 코드 예제를 통해 각 개념을 이해하려고 시도합니다. 모든 장을 완료하면 ReactJS 사용에 대한 자신감을 얻을 수 있습니다.

이 튜토리얼을 읽기 전에 알아야 할 것:

React를 공부하기 전에, 다음과 같은 기본 지식이 필요합니다:

  • HTML5

  • CSS

  • JavaScript

React 첫 번째 예제

각 장에서 예제를 온라인으로 편집하고 버튼을 클릭하여 결과를 확인할 수 있습니다.

이 튜토리얼은 React의 버전을 사용하고 있습니다. 16.4.0, 공식 웹사이트에서 https://reactjs.org/ 가장 최신 버전을 다운로드하세요。