• React - React Router & State Management

  25 Apr 2023

  React Router Router는 기본적으로 URL을 변경하고 URL에 맞는 페이지를 보여주는 것이라고 생각하면 된다. 여기서 SPA에 대한 이해가 필요하다. SPA같은 경우 최초 로딩시에 모든 요소들을 로드해오는데 조건에 맞는 요소들만 보여주는 것이다. 그렇기 때문에 최초 로딩시에 조금 느릴 수 있으나 로딩 후에는 엄청나게 빠른 반응 속도를 보여주는 것이다. 사용하는 방법은? npm install...

• React - Hook이란 무엇인가?

  25 Apr 2023

  Hook이란 무엇인가? Hook이라는건 함수 컴포넌트 (Functional Component)에서 생명주기 기능을 연동할 수 있게 해주는 함수이다. Class Component에서 사용할 수 없고 대신 Class없이 React를 사용할 수 있다. Hook은 지켜야할 규칙이 있다. 최상위(at the top level)에서만 Hook을 호출해야 합니다. 반복문, 조건문, 중첩된 함수 내에서 Hook을 실행하지 않는다. Functional Component(함수형 컴포넌트)에서만 사용해야 한다. 여러가지...

• React - Rendering part4 Rander Props

  20 Apr 2023

  나는 기존에 Vue를 사용했기에 Props라는 개념을 알고 있다. 일단 React에서 처음 이 개념을 보는 사람들을 위해 간단하게 설명해보자면.. 일반적으로 부모컴포넌트 아래에 여러개의 자식 컴포넌트를 가지고 있다. 부모컴포넌트에서 자식 컴포넌트로 값을 넘겨야 하는 상황이 있는데 값을 넘기기 위해 사용하는 기능이 props이다. 토이프로젝트에서 만든 props의 사용예를 보면 import React from 'react' import...