· software
바쁜 휴일에도 React 배우기 – useEffect로 Local Storage에 데이터 저장
React와 함께 localStorage를 사용하는 이유는? React를 처음 시작하면 많은 예제가 일시적인 느낌을 줍니다: 페이지를 새로 고치면 모든 것이 사라집니다. 실제 애플리케이션…
-
- · software
우리는 TanStack Query에서 캐시 무효화를 계속 깨뜨렸고, 그래서 수동으로 관리하는 것을 중단했습니다.
TanStack Query는 서버 상태를 가져오고 캐시하는 데 뛰어나지만, 캐시 키를 수동으로 관리하면 일관성 문제, 분산된 무효화 로직, …
- · software
🪝드디어 가장 기대된 섹션을 시작했습니다: Custom Hooks, Refs & More State
🪝마침내 가장 기대되던 섹션: Custom Hooks, Refs & More State 시작을 알리는 커버 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,...
- · software
🧠 코드가 너무 빠를 때만 나타나는 React 버그
🧩 문제: “왜 각 행이 다른 상태를 보는 걸까?” 나는 각 행에 버튼이 들어 있는 PrimeReact DataTable을 가지고 있었다. 버튼을 클릭하면 출력이 발생했다.
- · software
SQL이 나를 불편하게 만든다.
제 실무적이며 이론적이지 않은 이해에 따르면, object‑oriented programming은 전통적인 functional paradigm에 대한 단순한 대안이 아니라 종종 ...처럼 느껴진다.
- · software
React에서 비동기 폼 검증은 어렵다 — 이를 해결하는 예측 가능한 방법
폼은 처음에 간단해 보입니다: inputs, errors, submit. 하지만 async validation을 추가하면 상황이 금방 복잡해집니다. 실제 React 앱을 작업해 본 적이 있다면,…
- · software
관여·전환·성공: 차세대 사용자 경험을 위한 JavaScript 마스터
당신의 Tech Stack의 고급 수준은 사용자가 신경 쓰는 것이 아닙니다. 현대 사용자는 애플리케이션을 그 느낌으로 평가하고, 그 기반 기술의 정교함으로 평가하지 않습니다.
- · software
State를 이동하여 리렌더링 최적화
소개 성능을 향상시키고 불필요한 재‑렌더링을 줄이는 한 가지 방법은 상태를 낮추는 것입니다. 특히 그 상태가 특정 부분에만 영향을 미치는 경우에 효과적입니다.
- · software
zustand-mmkv-storage: React Native에서 Zustand를 위한 초고속 영속성
React Native에서 상태 지속하기: 왜 MMKV + Zustand가 최고의 조합일까 🚀 React Native 앱을 개발하고 있다면, 아마도 고전적인 문제에 직면했을 것입니다: h...
- · software
그-실시간-두통-WebSockets이-아닌-당신의-Framework
GitHub Home 나는 몇 년 전 팀을 이끌고 실시간 stock‑ticker dashboard를 개발하고 있었다. 📈 처음에 모두의 열정은 믿을 수 없을 정도로 h...
- · software
대규모 React 프로젝트를 서서히 파멸시키는 아키텍처 실수
문제점 - 클라이언트에 데이터가 너무 많음 - useMemo 남용 - React Query가 온체인 페칭에 너무 복잡해짐 - 예측할 수 없는 리렌더링 - 유지보수가 어려움...
- · software
Linear Algebra를 활용해 React 상태를 감사하고(그 도구를 만들었습니다)
문제: 상태 엔트로피 대규모 React 앱에서는 관련된 상태를 수동으로 동기화하게 되는 경우가 많습니다. 우리 모두는 다음과 같은 코드를 본 적이 있거나 작성한 적이 있습니다: tsx const user,…