codefug
dev blog
codefug
24posts
2024since
Seoullocation
root-cause firstfind → fix → shareteam-firstbuilds what's missingdata-driven
codefug — blog.ts
1
2
3
4
5
6
7
8
9
10
11
12
// codefug.github.io
const blog = {
author: "codefug",
values: ["root-cause first", "find → fix → share"],
approach: "find, fix, document",
impact: "individual → team",
location: "Seoul",
posts: 24,
}
❯
team-firstships knowledge
24 postsSeoul, KR
최신 게시물
모든 게시물
태그 목록
react
electron
React 생태계는 생각보다 넓다 — Electron
Claude Code가 터미널 UI를 React Ink로 만들었다는 걸 알고 React 생태계를 탐구하게 됐습니다. Electron 데스크탑 앱을 직접 만들며 Main/Renderer 구조, IPC 통신, Claude Code hook 연동을 알아봅니다.
nextjs
Server Action이 있는데 Route Handler는 왜 쓸까
Next.js의 Server Action과 Route Handler의 차이를 알아보고, 각각을 언제 사용해야 하는지 알아봅니다.
react
useCallback, useMemo는 왜 쓸까
원시형과 참조형의 메모리 구조부터 useEffect 의존성 배열 함정, ESLint 경고의 한계, 메모이제이션 설계 원칙까지. useCallback과 useMemo를 언제 왜 써야 하는지 근본부터 이해합니다.
javascript
자바스크립트에서 비동기 통신은 뭘까
microtask queue, macrotask queue, call stack, web api와 관련된 비동기 동작 방식, 비동기 관련 역사와 비동기 코드의 다양한 활용법들을 알아보자.
kkom-kkom
(꼼꼼 프로젝트) streaming 방식의 tanstack query
infinite scroll, optimistic update 그리고 streaming 방식이 결합된 쿼리 처리 ( useSuspenseQuery, useSuspenseInfiniteQuery )
kkom-kkom
(꼼꼼 프로젝트) 클라이언트와 서버 둘다 호환되는 fetch 구현
서버 액션을 활용한 refresh token rotation, 커링 함수를 이용한 리팩토링
kkom-kkom
(꼼꼼 프로젝트) startTransition, progress bar 구현에 대한 고민
progress bar 로직 연구하기(startTransition), next-nprogress-bar
kkom-kkom
(꼼꼼 프로젝트) toss slash 분석, zustand와 연결된 커스텀 overlay 훅 구현
stacking context, compound pattern, 전역 상태를 활용한다는 것의 의미, 토스 개발자 실력 흡수하기