React를 배우기 전에 알아야 할 5가지 JS 개념

Reactjs는 2022년에 배울 수 있는 가장 인기 있는 자바스크립트 프레임워크 중 하나이지만 Reactjs(또는 다른 JS 프레임워크)를 배우려면 다음 전제 조건이 필요합니다. 기본은 HTML, CSS, JS(당연히)이지만 이 글에서는 한 단계 더 나아가 Reactjs를 적절하고 쉽고 효율적으로 파악하기 위해 Javascript에서 정확히 알아야 할 사항을 살펴보겠습니다.

1. 배열 방법

배열은 자바스크립트에서 데이터를 저장하는 가장 중요한 방법 중 하나입니다. 따라서 배열 방법이 너무 많습니다. React(또는 모든 자바스크립트 프레임워크)에서 배열 메서드는 항상 사용되며, 미리 알고 있으면 Javascript 및 React의 강력한 기반이 됩니다. 알아야 할 배열 방법:

맵 배열 방법 -- 매우 일반적임

필터 배열 방법 -- 매우 일반적임

배열 찾기 방법

어레이 축소 방법

이러한 모든 배열 방법을 몰라도 걱정하지 마십시오. 도움을 받으려면 MDN을 확인하십시오.

2. 비동기 자바스크립트와 프라미스

이것도 똑같이 중요합니다. React(또는 다른 자바스크립트 프레임워크)에서는 서버에 요청을 해야 할 수 있으며 여기에서 비동기 자바스크립트가 등장합니다. 비동기 자바스크립트 작성을 가능하게 하는 새로운 구문(ES8)인 async 및 await를 반드시 익혀두세요. 더 쉽고 깨끗합니다.

Async Javascript를 배우는 데 유용한 기사

MDN

geeksforgeeks
또는 이 좋은 비디오를 시도하십시오

3. 파기에 대한 올바른 이해

이것은 후크 등과 같은 것에 대해 React에서 많이 사용됩니다. Destructing은 기본적으로 배열의 값을 개별 변수로 압축 해제하는 방법입니다. 다음 예를 고려하십시오.

//Array destructing
const numbers = [1,2]
const [a,b] = numbers;
console.log(a)
// expected output:1
console.log(b)
// expected output:2
//Object destructing
const numbers = {a:1,b:2}
const {a,b} = numbers;
console.log(a)
// expected output:1
console.log(b)
// expected output:2

배열 소멸에서는 숫자 배열을 만들고 값을 변수 a와 b로 소멸시켰으며 객체 소멸도 마찬가지입니다. 그것은 파괴에 대한 간단하고 기본적인 자습서였습니다.

4. 기능

이 글을 읽고 "나는 이미 함수를 알고 있다"고 생각할 수도 있습니다. 함수는 생각보다 훨씬 복잡하지만 React를 배우기 위해 함수에 대한 미친 지식이 필요하지 않습니다. 화살표 기능은 많이 사용되기 때문에 제대로 이해하고 있는지 확인하십시오. 그렇지 않은 경우 이 MDN 게시물을 확인하여 도움을 받으세요out.

5. ESM 모듈

그다지 중요하지는 않지만 여전히 배울 가치가 있습니다. ESM 모듈은 Javascript 앱에서 파일 및 기타 항목을 가져오는 보다 깨끗하고 쉬운 방법입니다. ESM 모듈은 바닐라 자바스크립트에서 사용할 수 있습니다. 따라서 어떤 자바스크립트 프레임워크에도 특별하지 않습니다.

결론

이것이 제 생각에 자바스크립트 프레임워크를 배우기 전에 배우기를 권장하는 개념입니다. 즐거우셨다면 리액션을 남겨주시고, 더 많은 정보는 저를 팔로우 해주시고, 가능하시면 지원me 부탁드립니다. 읽어 주셔서 감사합니다!