Amada Coding Club

일단 진짜 필요한 부분만 쓰고 나중에 풀어서 쓴다. suspense는 요약하자면 비동기 처리를 하는 컴포넌트에서 그 비동기 처리가 끝나기 전까지 보여주는 컴포넌트를 더 편리하게 관리하기 위해 리액트에서 제공하는 기능이다. 나는 이걸 연습하려고 할 때 자꾸 작동을 하지 않아서 왜 안되는가 했는데 suspense를 지원하는 라이브러리를 사용해야만 사용이 가능하다 Relay: graphQL을 기반으로 데이터를 다루는 라이브러리 SWR: 서버 데이터를 다루는 라이브러리 React-Query: 서버 데이터를 다루는 라이브러리 Recoil: 전역 상태 관리 라이브러리 이 네 가지 라이브러리가 대표적인 라이브러리이다(이거 말고도 더 있을 수도 있다) 이 라이브러리에서 사용 가능한 이유는 Suspense가 Promis..

2023.01.28 - [Front-End/React] - [React Hook] 리액트 Hook 총정리(5) - useMemo useCallback (React.memo) [React Hook] 리액트 Hook 총정리(5) - useMemo useCallback (React.memo) 2023.01.28 - [Front-End/React] - [React Hook] 리액트 Hook 총정리(4) - Hook 사용 규칙, Hook 제작방법 [React Hook] 리액트 Hook 총정리(4) - Hook 사용 규칙, Hook 제작방법 [React Hook] 리액트 Hook 총정리(3) - useEffect 2023.01. amadaclub.tistory.com 오늘 다룰 내용은 useContext이다. 일단..

강의에서 배포를 한다길래 따라하다가 마지막 배포 과정에서 다음 오류가 발생했다. 이 오류 때문에 머리 좀 쥐어짰다. 찾아보니 CRA로 제작한 리액트 앱을 배포할 때 쓰는 빌드팩이 heroku22에서는 지원이 안된다고 한다. 그래서 nextJS를 통해서 배포하거나 remix.run을 통해 배포하라고 나와있다. 나는 위 두 방법 말고 다른 방법으로 배포를 했다. 먼저 기존에 등록한 빌드팩을 지우고 express 패키지를 설치한다 우선 프로젝트의 최상위에 sripts 폴더를 생성하고 그 안에 heroku.start.js를 추가한다. 그리고 아래 내용을 넣는다 const express = require("express"); const path = require("path"); const app = express..

2023.01.28 - [Front-End/React] - [React Hook] 리액트 Hook 총정리(4) - Hook 사용 규칙, Hook 제작방법 [React Hook] 리액트 Hook 총정리(4) - Hook 사용 규칙, Hook 제작방법 [React Hook] 리액트 Hook 총정리(3) - useEffect 2023.01.20 - [Front-End/React] - [React Hook] 리액트 Hook 총정리(2) - useState [React Hook] 리액트 Hook 총정리(2) - useState 2023.01.17 - [Front-End/React] - [React Hook] 리액트 Hook 총 amadaclub.tistory.com 지난 글에 이어서.. 제일 내 머릿속을 뒤흔드는..

[React Hook] 리액트 Hook 총정리(3) - useEffect 2023.01.20 - [Front-End/React] - [React Hook] 리액트 Hook 총정리(2) - useState [React Hook] 리액트 Hook 총정리(2) - useState 2023.01.17 - [Front-End/React] - [React Hook] 리액트 Hook 총정리(1) - Hook이란? [React Hook] 리액트 Hook 총 amadaclub.tistory.com 설 명절이랑 여러 권태를 보내고 다시 시작한다. 지난 시간에 살펴본 useState와 useEffect, 그리고 여러 Hook을 사용하기 위해선 두 가지 규칙을 지켜야한다. 그 규칙에 대해 한 번 알아보고 custom hook..

2023.01.20 - [Front-End/React] - [React Hook] 리액트 Hook 총정리(2) - useState [React Hook] 리액트 Hook 총정리(2) - useState 2023.01.17 - [Front-End/React] - [React Hook] 리액트 Hook 총정리(1) - Hook이란? [React Hook] 리액트 Hook 총정리(1) - Hook이란? 여전히 패스트 캠퍼스 강의를 듣고 있다. 나는 분명 이 강의가 리액트를 아예 모르는 amadaclub.tistory.com 이번 시간엔 함수 컴포넌트에서 사이드 이펙트를 수행할 수 있는 useEffect에 대해 알아보자 우선 사이드 이펙트에 대해 간략하게 알아보자 사이드 이펙트란? side effect는 컴포넌..