Amada Coding Club

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는 컴포넌..

2023.01.17 - [Front-End/React] - [React Hook] 리액트 Hook 총정리(1) - Hook이란? [React Hook] 리액트 Hook 총정리(1) - Hook이란? 여전히 패스트 캠퍼스 강의를 듣고 있다. 나는 분명 이 강의가 리액트를 아예 모르는 사람들을 위한 강의인 줄 알았는데 어우 Hook을 설명도 없이 막 쓴다. 그래서 당황한 마음에 리액트에서 자주 amadaclub.tistory.com 이어서.. useState에 대해 알아보자 Hook이 나오기 전에 함수형 컴포넌트는 state가 없는 컴포넌트였고 다른 라이브러리를 통해 state를 관리할 수 있었다. 여기서 State는 컴포넌트 안에서 사용되고 관리받는 값이다. state 값은 상위 및 하위 컴포넌트에 전달할..