React를 다루는 기술 16 - Redux 라이브러리 이해하기
Redux Redux 라이브러리는 가장 많이 사용하는 리액트 상태 관리 라이브러리이다. Redux를 사용했을 경우의 장점은 컴포넌트의 상태관리로직을 다른 파일로 분리시킬 수 있다. 컴포넌트끼리 똑같은 상태를 공유해야 할 때 여러 컴포넌트를 거치지 않고 손쉽게 전달하거나 업...
Recent Posts
React를 다루는 기술 15 - Context API
Context API Context API는 전역적인 상태관리를 할 때 유용한 라이브러리이다. 본래 리액트에서 해당 라이브러리를 사용하기 위해서는 다양한 사전작업이 필요했지만 v16.3부터 사용하기 쉬도록 개편되어 기본적인 전역적 상태관리를 할 때 많이 사용되고 있다. 이외에도 ...
React를 다루는 기술 14 - 비동기 방식의 HTTP 통신
비동기 작업의 이해 웹 어플리케이션을 만들다보면 처리할 때 까지 시간이 걸리는 작업이 있다. 예를 들어 어플리케이션에서 서버 쪽의 데이터가 필요할 경우 Ajax를 통해서 서버의 API를 호출함으로써 데이터를 수신하는데 이 과정에서 네트워크 송수신 과정에 걸리는 시간이 존재하기 때문...
React를 다루는 기술 13 - 리액트 라우터로 SPA 만들기
SPA란? SPA는 Single Page Application의 약자로 한 개의 페이지로 이루어진 애플리케이션을 의미한다. 이전의 웹페이지들은 여러개의 페이지를 준비하고 서버에 요청하면 서버가 요청받은 각각의 페이지를 보여주는 방식이었다.
React를 다루는 기술 12 - 컴포넌트 성능향상
React.memo를 이용한 성능 최적화 의도치 않은 컴포넌트의 리렌더링이 많이 발생할 시 성능의 저하를 보이게 되는데 컴포넌트의 리렌더링이 발생하는 케이스는 이하의 4개가 있다.