React
1.[React]인증
[React]인증
2.REST API와 GET, POST, PUT, DELETE
REST API와 GET, POST, PUT, DELETE
3.[React] useState
[React] useState
4.[React] 최적화, DOM
useMemo,memo,useCallback을 사용한 리액트 최적화
5.[React] HTTP요청
Promise.async/await
6.[React] 커스텀 React Hook
[React] 커스텀 React Hook
7.[React] Form, 유효성검사
Form의 구성과 유효성검사
8.[React] Redux
Redux 기초
9.[React] 라우팅
react-router-dom을 이용한 라우팅
10.[React] loader
[React] loader, Link,navigate
11.[React] 배포 (Lazy Loading)
리액트 배포와 Lazy Loading
12.[React] React 애니매이션
React 애니매이션
13.[React] 상태관리 라이브러리 종류와 사용
[React] 상태관리 라이브러리 종류와 사용
14.[React] usecallback
[React] usecallback
15.[React] 리액트 테스팅
[React] 리액트 테스팅
16.[React] 테스팅 심화
[React] 테스팅 심화
17.[React] 고유값 key={Math.random()}의 함정
고유값`key={Math.random()}` 즉석 생성이 부르는 대참사
18.[React]리액트 성능 최적화 (2): useCallback과 함수 주소
[React]리액트 성능 최적화 (2): useCallback
19.[React] 리액트가 컴포넌트를 기억하는법 State, key
[React] 리액트가 컴포넌트를 기억하는법
20.[React] 배열 렌더링 시 Index를 Key로 사용하면 안 되는 이유
[React] 배열 렌더링 시 Index를 Key로 사용하면 안 되는 진짜 이유 > "리액트의 재조정(Reconciliation) 과정에서 Key는 단순한 식별자가 아니라, 컴포넌트 인스턴스의 '영구적인 주민등록번호'다." 많은 주니어 개발자가 map() 함수를 순회할 때 콘솔 경고창을 없애기 위해 무심코 key={index}를 작성하곤 합니다. 하지만...
21.[React]JSON변화과 Fetch흐름
[React]JSON변화과 Fetch흐름
22.[React]데이터 자동 불러오기: useEffect와 비동기 함수(async)
[React]데이터 자동 불러오기
23.[React]리액트 성능 최적화 (1): memo 컴포넌트 박제
[React]리액트 성능 최적화 (1): memo
24.[React] 리액트 성능 최적화 (3): useMemo 연산 결과 박제
[React] 리액트 성능 최적화 (3): useMemo
25.[React] 리액트 훅의 규칙과 커스텀 훅(Custom Hooks)
[React] 리액트 훅의 규칙과 커스텀 훅
26.[React] 효율적인 폼(Form) 관리: FormData API와 preventDefault
[React] 효율적인 폼(Form) 관리
27.[React]Redux와 불변성(Immutability)
Redux와 불변성(Immutability)
28.[React] 가상 DOM과 렌더링 원리
[React] 가상 DOM과 렌더링 원리
29.[React]리듀서와 비동기의 분리 Redux , 비동기
[React]리듀서와 비동기의 분리 Redux , 비동기
30.[React] 리액트 라우터 loader
[React] 리액트 라우터 loader
31.[React]데이터 변경 Action과 데이터 관리
[React ]데이터 변경 Action과 데이터 관리
32.[React] useEffect 없이 컴포넌트 State 강제 리셋하기
[React] `key`를 활용한 컴포넌트 State 강제 리셋
33.[React]Framer Motion 등 애니메이션(Exit Animation)과 Key의 상호작용
[React] Framer Motion의 Exit 애니메이션은 왜 `key` 없이는 작동하지 않을까? (AnimatePresence 동작 원리)