React.js를 배우기 전에 무엇을 배워야 할까요?

Reactjs를 배우기 전에 JavaScript의 기본을 배워야 합니다. 왜냐하면 React는 사용자 인터페이스를 구축하는 데 사용되는 JavaScript 라이브러리이기 때문입니다. 대부분은 JavaScript ES6 및 삼항 연산자, 단순화된 구문, 이 객체, JavaScript 내장을 포함한 기능 및 구문입니다. -기능 및 기타 기능.

저는 다른 사람들에게 React를 소개하는 과정에서 다음과 같은 결론에 도달했습니다. React는 JavaScript에 관한 것입니다. 그리고 React보다는 JavaScript에 관한 자료가 많습니다.

대부분은 JavaScript ES6과 해당 기능 및 구문이지만 삼항 연산자, 단순화된 구문, this 개체, JavaScript 내장 함수(map, 축소, 필터) 또는 구성 가능성, 구성 가능성 등과 같은 보다 일반적인 개념도 포함됩니다. . 재사용성, 불변성 또는 고차 함수. React를 시작하기 전에 이러한 기본 사항을 숙지할 필요는 없지만 학습이나 연습 중에 반드시 사용해야 합니다.

React 및 JavaScript 클래스

React 클래스 구성 요소와 관련하여 JavaScript 클래스에 대한 사전 지식이 필요합니다. JavaScript 클래스의 개념은 비교적 새로운 것입니다. 이전에는 상속을 구현하는 데 JavaScript의 프로토타입 체인만 사용할 수 있었습니다. JavaScript 클래스는 프로토타입 상속을 기반으로 하므로 상속 시스템이 더 간단해집니다.

React 구성 요소를 정의하는 한 가지 방법은 JavaScript 클래스를 사용하는 것입니다.

class Developer {
 constructor(firstname, lastname) {
   this.firstname = firstname;
   this.lastname = lastname;
 }
 getName() {
   return this.firstname + ' ' + this.lastname;
 }
}
var me = new Developer('Robin', 'Wieruch');
console.log(me.getName());

클래스는 엔터티를 설명하고 엔터티의 인스턴스를 만드는 데 사용됩니다. new 문을 사용하여 클래스의 인스턴스를 만들면 클래스의 생성자가 호출됩니다. 클래스의 속성은 일반적으로 생성자에 있습니다. 또한, 클래스 메소드(예: getName())는 인스턴스의 데이터를 읽거나 쓰는 데 사용됩니다. 클래스의 인스턴스는 클래스 내에서 this 개체를 사용하여 표시되지만 외부에서는 JavaScript 변수에만 할당됩니다.

객체 지향 프로그래밍에서 클래스는 일반적으로 상속을 구현하는 데 사용됩니다. JavaScript에서도 확장 문을 사용하여 한 클래스가 다른 클래스에서 상속되도록 할 수 있습니다. 하위 클래스는 확장 문을 통해 상위 클래스의 모든 기능을 상속하며 자체 기능을 추가할 수도 있습니다.

아아아아

위 내용은 React.js를 배우기 전에 무엇을 배워야 할까요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!