리액트

이번 포스팅 주제는 리액트 라우터(React Router) 사용법입니다. 라우터에 대해서 설명하기 전에 글의 이해를 돕고자 몇 가지 간단한 설명을 하고자합니다. 글의 순서는 싱글페이지 라우팅 리액트 라우터 설치 및 사용방법 라우터 오류 위의 순서대로 진행하겠습니다.

이번 포스팅을 보시기 전에 이전에 올렸던 자바스크립트 구조분해할당 글을 읽고 오시면 도움이 될 것입니다. 구조분해 할당은 배열이나 객체의 속성을 추출하여 변수에 할당하는 것을 말합니다. 리액트 훅에서도 구조분해 할당을 활용하여 훅의 반환값을 추출하는 경우가 많이 있

이제 useState에 대한 예시를 보여드리겠습니다. 위의 코드에서 [todos, setTodos] 는 array destructuring을 사용합니다. 초기 상태와 변경할 함수를 구조분해로 담아놓고 useState라는 hook 을 이용하는 것 입니다. 데이터를 가

오늘은 지난 리액트 포스팅에서 useState의 연장선으로 간략하게 State Hook 에 대해서 알아보겠습니다.State Hook은 React 16.8에서 도입된 기능입니다.함수형 컴포넌트에서 상태를 관리할 수 있으며, 클래스형 컴포넌트에서 상태를 관리하는 것과 동일

오늘은 리액트 훅 중 useReducer에 대해서 알아보겠습니다.