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이다. 일단..

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 값은 상위 및 하위 컴포넌트에 전달할..

여전히 패스트 캠퍼스 강의를 듣고 있다. 나는 분명 이 강의가 리액트를 아예 모르는 사람들을 위한 강의인 줄 알았는데 어우 Hook을 설명도 없이 막 쓴다. 그래서 당황한 마음에 리액트에서 자주 사용하는 Hook을 정리하려고 한다. (Hook은 커스텀도 가능하고 계속 만들어지고 있기 때문에 모든 hook을 설명하는 건 힘들다) 먼저 Hook에 대해 알아보자 Hook이란? Hook은 React 16.8에 새로 추가된 기능입니다. Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해줍니다. Hook은 함수형 컴포넌트에서 사용되는 기능으로 클래스형 컴포넌트에서 가능했던 state나 다른 기능들을 함수형 컴포넌트에서도 사용할 수 있게 도와준다. 또한, 기존에 클래스형..