React
1.React 시작
🖋️생초보의 기록용 Velog✅ React 설치 및 환경 셋팅
2.React 기본 파일 알아보기
React node_modules/public/src/package.json 간단하게 알아보기
3.React 기본 작성해보기
📌 React 작성하기 📍JSX부터 기본 안내 및 구조 작성
4.React - state useState (1)
🖋️생초보의 기록용 Velog : React State 경험
5.React - let, const 선언 차이
📌 let, const 선언 / state는 let, const?
6.React - state, set변경(이전값=>이전값+1) 비교
📌 setCount(count+1); // setCount(prev => prev+1); 비교
7.React - state (2) Array 변경
📌Array, Object 변경 const newArr = [...arr]; newArr[0] = "해결"; setArr(newArr)
8.React - state(3) input 입력된 값으로 변경
📍 button count +- 📍 button array 값 변경 📍 input onChange 값 변경 📍 input + button 값 변경
9.React - 컴포넌트 생성 및 Props
📌 Component 컴포넌트 생성 / 컴포넌트 반복 사용 props / 반복 컴포넌트 props전달
10.React - useEffect
🖋️기록용 Velog✅ 📌 useEffect 테스트
11.useMemo와 useCallback 사용
🖋️기록용 Velog✅ ※ 자세한 설명은 구글링 다른 분들 참고 ✔️ 📌 memoization - 메모제이션 ✔️ 📌 useMemo 📌 useCallback
12.React styled-components 사용
🖋️기록용 Velog✅ ※ 자세한 설명은 구글링 다른 분들 참고 ✔️ 📌 styled-components
13.React - Router 사용
📌 Router BrowserRouter / createBrowserRouter
14.[React] Axios 사용 👉 json-server 테스트
📌 Axios 가볍게 사용하기 json-server 사용해서 get, post, put, delete 테스트
15.[React] Redux store (Redux Toolkit) 상태관리 - 기록
📌 Redux 기록 기초 - 사용 및 변경
16.[React] useRef, forwardRef - 기록
✍️기록 - useRef 란?, current, 변경, focus, forwardRef