📙리액트를 다루는 기술

1. 리액트 이해 컴포넌트는 프로젝트에서 특정 부분이 어떻게 생길지 정하는 선언체이다. (1) 초기 렌더링 render() 함수는 컴포넌트가 어떻게 생겼는지 정의하는 역할을 한다. 더불어, 뷰가 어떻게 생겼고 어떻게 작동하는지 객체를 반환하는 함수이다. rende

import 구문은 원래 브라우저에는 없던 기능인데, 브라우저가 아닌 환경에서 js를 실행할 수 있도록 node.js에서 지원해주는 기능이다. 이러한 기능을 브라우저에서도 사용할 수 있게 번들러를 사용하는데, 번들러 도구를 사용하면 import로 모듈을 불러왔을 때 불

컴포넌트 선언방식은 클래스형 컴포넌트와 함수형 컴포넌트가 있다. rcc + enter -> 클래스형 컴포넌트 작성 코드 생성 rsc + enter -> 함수형 컴포넌트 작성 코드 생성 1.

10장에서 만들었던 To-do App에서 데이터가 많아지면 애플리케이션이 느려질 것이다. App.js파일을 좀 수정해서 많은 데이터를 렌더링 해보자!useState의 기본값을 createBulkTodos()로 지정하면, 리렌더링 될때마다 createBulkTodos함수

컴포넌트에서 상태를 업데이트 할때는 불변성을 유지하면서 상태를 업데이트 하는것이 중요하다. 불변성이 지켜지지 않으면 객체 내부의 값이 바껴도 감지를 못하기 때문이다. // immer 설치$ yarn add immer여태까지는 기존의 값을 유지하면서 원하는 값을 새로 지

리액트 라우터는 클라이언트 사이드에서의 라우팅을 간단하게 구현하도록 도와준다. >// 라이브러리 설치 $ yarn add react-router-dom 1. 라우터 적용 프로젝트 index.js파일에서 react-router-dom의 BrowseRouter 컴포넌트

1. axios로 API 호출해서 데이터 받아오기 axios는 자바스크립트 HTTP 클라이언트이다. axios 라이브러리는 HTTP요청을 Promise 기반으로 처리한다. 참고로 Promise는 콜백지옥 코드가 생성되지 않도록하는 기능이다. > // axios 라이