언어적 움직임에 반응

구어체 어휘와 간단한 코드 예제를 사용하는 "React Framework Vernacular Movement" 시리즈 기사를 통해 독자들이 React의 다양한 애플리케이션을 더 잘 이해할 수 있기를 바랍니다.

일련의 기사에서는 다음 내용을 다룹니다.
1. ES6 JavaScript 구문 이해
2. React 작동 방식 이해
3. React의 상태 관리 이해
4. React Hook을 사용하여 상태 관리 및 데이터 액세스

React11-React-Hook-useState

React Hook useState – React Vernacular Movement 11

useState란 무엇입니까? useState는 React에서 함수 컴포넌트에 상태를 추가하는 데 사용되는 Hook입니다. useState를 통해 함수 컴포넌트의 상태 데이터를 정의하고 관리할 수 있습니다. useState는 다음을 포함하여 두 가지 값을 포함하는 배열을 반환합니다. 현재 상태: 요소가 처음 렌더링될 때 해당 값은 useState에 전달한 초기 값과 동일합니다.

React Hook useState – React Vernacular Movement 11 자세히 보기 »

React10-반응-수명주기

React 라이프사이클 - React Vernacular Movement 10

React Life Cycle - 이전 글에서는 React 구문에 대해 자세히 설명했습니다. React JSX - React Vernacular Movement 06 React 컴포넌트를 생성하는 방법과 부모 컴포넌트와 자식 컴포넌트 간의 관계를 배웠습니다. 이 글에서는 컴포넌트에 초점을 맞추고 라이프사이클의 세 단계, 클래스 객체의 라이프사이클, 함수 객체의 라이프사이클을 포함하여 컴포넌트의 라이프사이클을 설명합니다.

React 라이프사이클 - React Vernacular Movement 10 자세히 보기 »

React 소품 - React Vernacular 운동 09

React 소품 – React Vernacular 운동 09

React Props - React 특유의 움직임입니다. 이번 글에서는 React 문법에 대해 좀 더 자세히 설명하겠습니다. 이전 글에서는 React 컴포넌트를 생성하는 방법과 부모 컴포넌트와 자식 컴포넌트의 관계도 배웠습니다. 이 글에서는 React 컴포넌트 선언, React Props를 포함한 React Props의 개념을 소개합니다.

React 소품 – React Vernacular 운동 09 자세히 보기 »

React08-React 프로젝트 생성

React 프로젝트 설정 – React Vernacular Movement 08

React 프로젝트 확립 - React 토착어 운동: 이전 기사에서는 세 가지 명사, 즉 바벨이란 무엇인가?를 소개했습니다. 웹팩이란 무엇입니까? npm이란 무엇입니까? 이 문서에서는 환경 설정, React 프로젝트 생성, 프로젝트 시작 및 React 확장 키트 사용 방법을 포함하여 React 프로젝트 설정에 대한 단계별 가이드를 제공합니다. 여기에는 공식 CRA 구축 환경과 자체 구축 환경도 포함됩니다.

React 프로젝트 설정 – React Vernacular Movement 08 자세히 보기 »

Babel & Webpack & NPM – React Vernacular Movement 07

Babel & Webpack & NPM – React Vernacular Movement 07

이 글에서는 세 가지 용어에 대해 설명합니다. 이 용어는 다음을 포함하여 React 프로젝트를 구축하기 위해 알아야 할 도구입니다. 웹팩이란 무엇입니까? npm이란 무엇입니까? 물론 주요 소개는 이러한 도구를 사용하는 개념이지만 Npm에서 Yarn까지 선택할 수 있는 다른 도구도 여전히 있습니다.

Babel & Webpack & NPM – React Vernacular Movement 07 자세히 보기 »

React06-React-JSX

React JSX – React 언어적 움직임 06

React는 웹 및 모바일 프런트엔드 개발에 가장 널리 사용되는 JavaScript 패키지 중 하나입니다. Meta에서 개발한 React를 사용하면 개발자는 재사용 가능한 구성 요소를 만들어 프런트 엔드 페이지를 완성할 수 있습니다. JSX는 현재 우리가 보는 가장 일반적인 React 작성 방법이기도 하므로 다음에 소개하겠습니다. JSX란 무엇인가요? JSX 구문 및 JSX를 사용하여 React 구성 요소 구축.

React JSX – React 언어적 움직임 06 자세히 보기 »

리액트 작동 방식

React 작동 방식 – React Vernacular Movement 05

React는 웹 및 모바일 프런트엔드 개발에 가장 널리 사용되는 JavaScript 패키지 중 하나입니다. Meta(이전 Facebook)에서 개발한 React를 사용하면 개발자는 재사용 가능한 구성 요소를 만들어 프런트 엔드 페이지를 완성할 수 있습니다.

그러나 엄밀히 말하면 React는 프레임워크가 아니라는 점에 유의해야 합니다. 이는 UI 요소 렌더링만 담당하기 때문입니다. 그러나 React는 Angular 및 Vue와 같은 프레임워크를 위한 또 다른 솔루션을 제공하므로 이를 통해 복잡한 프런트엔드 페이지 기능을 완성할 수 있습니다.

React 작동 방식 – React Vernacular Movement 05 자세히 보기 »

자바스크립트 고차 함수-HigherOrderFunction

JavaScript 고차 함수 – React Vernacular Movement 04

이 기사에서는 매우 중요한 JavaScript 함수 개념인 고차 함수를 소개합니다. 고차 함수는 하나 이상의 함수를 매개변수로 사용하거나 결과로 함수를 반환하는 함수입니다. 이 기사에서는 고차 함수가 무엇인지, 고차 함수를 사용하면 어떤 이점이 있는지, 실제 응용 프로그램에서 고차 함수를 사용하는 방법에 대해 알아봅니다. 순수 함수, 고차 함수 및 물리학.

JavaScript 고차 함수 – React Vernacular Movement 04 자세히 보기 »

React03-Javascript-Async-Await

JavaScript 비동기 및 대기 – React Vernacular Movement 03

React Vernacular Movement 시리즈의 세 번째 기사에 오신 것을 환영합니다. 오늘은 JavaScript의 비동기 작업을 살펴보고 두 가지 중요한 키워드인 Async와 Await를 소개하겠습니다. 이 기사에서는 예제를 통해 비동기 작업의 개념과 Promise, Fetch, Async 및 Await를 사용하여 비동기 코드를 보다 효율적으로 처리하는 방법을 보여줍니다.

JavaScript 비동기 및 대기 – React Vernacular Movement 03 자세히 보기 »

반응-언어-캠페인-02 JavaScript ES6 객체

JavaScript ES6 객체 – React Vernacular Movement 02

이전 기사 JavaScript ES6에서는 let, const, var 차이점, 상용구 리터럴 및 화살표 함수를 소개했습니다. 이 글에서는 객체 분해, 객체 구문 강화, 배열 분해, 확장 연산자 등 JavaScript ES6의 새로운 구문을 소개하겠습니다. 위 내용을 통해 모든 사람이 React 프론트엔드 프레임워크를 더 쉽게 배울 수 있기를 바랍니다.

JavaScript ES6 객체 – React Vernacular Movement 02 자세히 보기 »

ko_KR한국어