· software
React v19: useTransition 훅과 <Activity />
개요: 나는 useTransition 훅을 실험하면서 React Docs(https://react.dev/reference/react/useTransition)를 참고했고, UI 컴포넌트가 f...
-
- · software
ReactJS 디자인 패턴 ~State 동시 배치~
Collocating State는 상태를 사용되는 위치에 최대한 가깝게 배치하는 것입니다. 이 패턴은 복잡성을 줄이고 컴포넌트를 더 쉽게 이해할 수 있게 합니다. Before...
- · software
React Hooks와 Hooks 규칙 – 나에게 드디어 와닿은 이해
!React Hooks와 Rules of Hooks 표지 이미지 – 마침내 깨달은 이해 https://media2.dev.to/dynamic/image/width=1000,height=420,fit...
- · software
🧠 코드가 너무 빠를 때만 나타나는 React 버그
🧩 문제: “왜 각 행이 다른 상태를 보는 걸까?” 나는 각 행에 버튼이 들어 있는 PrimeReact DataTable을 가지고 있었다. 버튼을 클릭하면 출력이 발생했다.
- · software
State를 이동하여 리렌더링 최적화
소개 성능을 향상시키고 불필요한 재‑렌더링을 줄이는 한 가지 방법은 상태를 낮추는 것입니다. 특히 그 상태가 특정 부분에만 영향을 미치는 경우에 효과적입니다.
- · software
대규모 React 프로젝트를 서서히 파멸시키는 아키텍처 실수
문제점 - 클라이언트에 데이터가 너무 많음 - useMemo 남용 - React Query가 온체인 페칭에 너무 복잡해짐 - 예측할 수 없는 리렌더링 - 유지보수가 어려움...
- · software
Linear Algebra를 활용해 React 상태를 감사하고(그 도구를 만들었습니다)
문제: 상태 엔트로피 대규모 React 앱에서는 관련된 상태를 수동으로 동기화하게 되는 경우가 많습니다. 우리 모두는 다음과 같은 코드를 본 적이 있거나 작성한 적이 있습니다: tsx const user,…
- · software
Windows Hooks는 이상하다
Hook 프로그램 C++ LRESULT CALLBACK KeyboardProc int nCode, WPARAM wParam, LPARAM lParam { if (nCode == HC_ACTION && wParam == WM_KEYDOWN) { KBDLLHOOKSTRUCT kb = KB...
- · software
이론에서 실천으로: React로 full-stack 포트폴리오를 구축한 방법
소개 순수 프론트엔드에서 풀스택으로 전환하는 것은 제가 스스로에게 부여한 도전 과제입니다. 제 포트폴리오는 인터페이스에 React를, 백엔드에 Firebase를 결합합니다.
- · software
React에서 클립보드에 복사하는 올바른 방법 (2024)
“The Right Way to Copy to Clipboard in React 2024”의 커버 이미지
- · software
새로운 React 19 Hooks (예시 포함)
React 19은 비동기 작업, 폼 관리 및 낙관적 UI 업데이트에 대한 보다 세밀한 제어를 제공하는 여러 새로운 hooks를 도입합니다. 이러한 hooks는 …
- · software
React 학습을 위한 7가지 최고의 리소스: 개발자를 위한 나의 최고의 선택
처음 React에 뛰어들었을 때 나는 압도당했다. 이 라이브러리는 겉보기엔 단순해 보였지만 깊은 함정과 모범 사례를 숨기고 있었다. 몇 년이 흐른 뒤, c...