React

React는 페이스북에서 효과적인 UI 구축을 위해 만든 라이브러리다.React, vue, angular 등 다양한 프론트엔드 SPA(Single Page Application) 프레임워크 중 React가 가장 많은 사용자들의 선택을 받을 수 있었던 요인에는 어떤 것들

react-router-dom은 웹에서 페이지 이동 기능을 구현하기 위한 라이브러리이다. Routing이란 네트워크간 데이터 전송의 최적 경로를 선택하는 과정이다. 여기서 최적 경로는 최단거리가 될 수도 있고, 가장 빠른 시간에 전달하는 것으로 계산될 수도 있다.Rou

useQuery는 서버로부터 비동기로 데이터를 조회할 때 사용되는 custom hook이다. useQuery를 사용하면 기존에 isLoading, isError, refetch, 데이터 캐싱 등 개발자가 직접 구현하려면 꽤 귀찮거나 까다로웠던 기능을 제공해주기 때문에,

Effect Hook은 함수 컴포넌트에서 side effect를 수행하기 위해 만들어졌다. React 컴포넌트가 화면에 렌더링된 이후에 비동기로 처리되어야 하는 부수적인 효과들을 흔히 side effect라고 일컫는다. 대표적인 예시로 외부 api를 호출하는 경우, 일

React Hooks에는 리액트가 제공하는 편리한 기능을 담은 Hook들이 포함되어 있는데, useState는 이 React Hooks 중 하나이다. React Hooks는 컴포넌트를 작성 + 유지하는 동안 부딪혔던 수 많은 문제들을 해결하기 위해 개발되었습니다.

styled-components는 기존에 css, scss 파일을 밖에 두고 태그나 id, class이름으로 가져와 쓰는 스타일 지정 방식에서 벗어나, js 파일 내에서 컴포넌트 이름을 쓰듯 스타일을 지정하는 react 라이브러리입니다. css 파일을 따로 만드는 번거

create-react-app은 초기 앱 설정 및 환경 구축을

Recoil은 react를 위한 상태관리 라이브러리(state management library)이다. 기존의 react 상태관리 기능은 다음과 같은 한계를 가지고 있었고, 이것을 개선하고자 Recoil이 개발되었다.컴포넌트의 상태는 공통된 상위요소까지 끌어올림으로써

react-hook-form은 React에서 form을 만들 때 사용하는 라이브러리이다. 대부분의 개발 프로젝트에서는 form을 사용하는데, 복잡한 형태의 form을 다루거나 validation, error type check 등의 기능이 필요할 때 간결한 코드로 구현