React
6개의 글
상태 관리
2026. 5. 18. · 36 min read
이번 포스팅에서는 상태 관리(State Management) 에 대한 이야기를 해보려고 한다. 라이브러리 비교 글은 아니다. 어떤 도구가 더 좋은지를 가리는 것보다, 상태라는 것을 어떻게 바라보고, 어디에 경계를 그어야 하는지에 대한 감각을 정리하는 글이다. 요즘 AI 도구들(Claude, ChatGPT, Cursor, Gemini, Copilot)이 우리...
Toss Frontend Fundamentals 모의고사 2회차 리팩토링 후기
2026. 3. 28. · 25 min read
이번 포스팅에서는 Toss Frontend Fundamentals 모의고사 2회차에 참여하며 진행한 리팩토링 경험에 대한 이야기를 해보려고 한다. 평소 코드 리뷰나 리팩토링에 관심이 있었던 필자는, 토스에서 공개한 Frontend Fundamentals 모의고사라는 흥미로운 형식의 과제를 진행하게되었다. 과제는 회의실 예약 앱이 주어지고, 이를 리팩토링하는...
queryKey
2026. 1. 4. · 41 min read
이번 포스팅에서는 TanStack Query의 queryKey에 대한 이야기를 해보려고 한다. 필자는 실무에서 TanStack Query를 쓰면서 queryKey 관리 방식을 몇 번이나 갈아엎었던 경험이 있다. 처음에는 그냥 컴포넌트 안에서 ['user', userId] 같은 배열을 인라인으로 박아 썼다가, 무효화할 때마다 같은 키를 여러 곳에 적느라 오타...
에러 핸들링
2025. 11. 17. · 44 min read
이번 포스팅에서는 프론트엔드에서 에러를 어떻게 잡아낼 것인가에 대한 이야기를 해보려고 한다. 필자는 실무를 하면서 에러 핸들링 코드를 짤 때마다 묘한 찜찜함을 느낀 적이 많다. 어떤 에러는 try/catch로 잡고, 어떤 에러는 ErrorBoundary가 잡고, 또 어떤 에러는 TanStack Query의 onError가 잡는다. 그리고 각자의 영역이 미묘...
React Fiber 완전 정복
2025. 5. 20. · 51 min read
이번 포스팅에서는 React의 심장이라 할 수 있는 Fiber 아키텍처에 대한 이야기를 해보려고 한다. 필자가 React를 처음 접했을 때, "Fiber" 라는 단어는 면접 단골 질문 정도로만 인식되었다. "React의 렌더를 위해 작업 단위를 나눠서 처리"라는 한 줄짜리 정의를 외우고, 그게 전부인 줄 알았다. 하지만 실제로 React의 소스코드를 들여다...
Zustand, 너 뭔데 ProviderLess 인 거야?
2024. 8. 18. · 36 min read
이번 포스팅에서는 Zustand가 어떻게 Provider 없이 상태관리를 해내는지에 대한 이야기를 해보려고 한다. 필자는 Zustand를 사용하면서 늘 당연하게 Provider 없이 상태를 관리해왔다. 그러다 문득 이런 생각이 들었다. React 생태계의 대부분의 라이브러리는 Provider로 앱을 감싸는 것이 거의 의식처럼 굳어져 있다. TanStack ...
상태 관리
2026. 5. 18. · 36 min read
이번 포스팅에서는 상태 관리(State Management) 에 대한 이야기를 해보려고 한다. 라이브러리 비교 글은 아니다. 어떤 도구가 더 좋은지를 가리는 것보다, 상태라는 것을 어떻게 바라보고, 어디에 경계를 그어야 하는지에 대한 감각을 정리하는 글이다. 요즘 AI 도구들(Claude, ChatGPT, Cursor, Gemini, Copilot)이 우리...
Toss Frontend Fundamentals 모의고사 2회차 리팩토링 후기
2026. 3. 28. · 25 min read
이번 포스팅에서는 Toss Frontend Fundamentals 모의고사 2회차에 참여하며 진행한 리팩토링 경험에 대한 이야기를 해보려고 한다. 평소 코드 리뷰나 리팩토링에 관심이 있었던 필자는, 토스에서 공개한 Frontend Fundamentals 모의고사라는 흥미로운 형식의 과제를 진행하게되었다. 과제는 회의실 예약 앱이 주어지고, 이를 리팩토링하는...
queryKey
2026. 1. 4. · 41 min read
이번 포스팅에서는 TanStack Query의 queryKey에 대한 이야기를 해보려고 한다. 필자는 실무에서 TanStack Query를 쓰면서 queryKey 관리 방식을 몇 번이나 갈아엎었던 경험이 있다. 처음에는 그냥 컴포넌트 안에서 ['user', userId] 같은 배열을 인라인으로 박아 썼다가, 무효화할 때마다 같은 키를 여러 곳에 적느라 오타...
에러 핸들링
2025. 11. 17. · 44 min read
이번 포스팅에서는 프론트엔드에서 에러를 어떻게 잡아낼 것인가에 대한 이야기를 해보려고 한다. 필자는 실무를 하면서 에러 핸들링 코드를 짤 때마다 묘한 찜찜함을 느낀 적이 많다. 어떤 에러는 try/catch로 잡고, 어떤 에러는 ErrorBoundary가 잡고, 또 어떤 에러는 TanStack Query의 onError가 잡는다. 그리고 각자의 영역이 미묘...
React Fiber 완전 정복
2025. 5. 20. · 51 min read
이번 포스팅에서는 React의 심장이라 할 수 있는 Fiber 아키텍처에 대한 이야기를 해보려고 한다. 필자가 React를 처음 접했을 때, "Fiber" 라는 단어는 면접 단골 질문 정도로만 인식되었다. "React의 렌더를 위해 작업 단위를 나눠서 처리"라는 한 줄짜리 정의를 외우고, 그게 전부인 줄 알았다. 하지만 실제로 React의 소스코드를 들여다...
Zustand, 너 뭔데 ProviderLess 인 거야?
2024. 8. 18. · 36 min read
이번 포스팅에서는 Zustand가 어떻게 Provider 없이 상태관리를 해내는지에 대한 이야기를 해보려고 한다. 필자는 Zustand를 사용하면서 늘 당연하게 Provider 없이 상태를 관리해왔다. 그러다 문득 이런 생각이 들었다. React 생태계의 대부분의 라이브러리는 Provider로 앱을 감싸는 것이 거의 의식처럼 굳어져 있다. TanStack ...