오늘 한 것 현재, 프로젝트의 최종 구조는 아래와 같이 정했다. account-book-inter-assignment ├─ README.md ├─ index.html ├─ package.json ├─ src │ ├─ App.jsx │ ├─ components │ │ ├─ AccountForm.jsx │ │ ├─ AccountList.js...

오늘 한 것 리액트 숙련과제(가계부 웹) account-book-inter-assignment ├─ .gitignore ├─ LICENSE ├─ README.md ├─ index.html ├─ package.json ├─ public │ └─ vite.svg ├─ src │ ├─ App.jsx │ ├─ components │ │ ...

오늘 한 것 리액트 숙련 강의 react-router-dom 의 사용법을 간단히 익혔다. 이후 주어진 과제도 풀어보았다. 항상, 이런저런 포스팅을 쓰고나면 TIL은 힘이 쭉 빠진다.. 내일 할 것 리액트 숙련 강의 Redux 부분 리액트 숙련 과제

목적 이제 라우팅을 도입해 리액트로 간단한 프로젝트를 도전해보려고 한다. 그래서, 까먹으면 찾아오려고 작성해본다. 물론, 캠프 과제부터..! 설치 방법 yarn add react-router-dom 이후, 프로젝트 내의 package.json 에 잘 추가 되었는지 확인해야한다. 사용법 아무런 hook 도 사용하지 않는 기본 사용 방...

오늘 한 것 리액트 강의 수강 및 포스팅 리액트의 useState 사용시 batch update Memoization 기법(React.memo, useContext, useMemo) 딥 다이브 JS 스터디 17장 간단히 정리 해보았다! 내일...

목적 리액트에서, setState() 를 여러번 사용해서 작업을 처리하려고 했더니 한 번만 적용이 되길래 찾아보았다. batch update const App = () => { const [count, setCount] = useState(0); // const handleCountPlus = () => { // setC...

목적 리액트에 대해 여러 가지 hook(useState, useEffect, useRef, useContext)을 이용하면서, 리액트는 State 의 변경에 따른 리렌더링이 핵심이라는 것을 알게되었다. 이 리렌더링이 너무 빈번하게 일어난다면, 사용자 측면에서 좋은 평가를 받지 못하게 된다. 웹 사이트에서 별 작업을 수행하지 않아도 메모리를 많이 잡...