스택 인덱스
기술 영역별 노트 목록
기술 영역별로 정리한 노트 목록. TypeScript, React·Next.js, Git, 디버깅, 터미널 도구로 분류했다.
TypeScript
타입 좁히기, 제네릭 함정, 유틸리티 타입, `satisfies` 연산자 등 실무 TS 패턴 정리.
React · Next.js
app router 마이그레이션, 서버 컴포넌트, 하이드레이션 에러, 데이터 패칭 비교 노트.
Git 워크플로우
브랜치 전략, rebase 안전 절차, 머지 충돌 복구, 코드 리뷰 체크리스트.
디버깅 · 에러 룩업
에러 메시지 → 원인 → 해결 순서로 정리한 룩업 테이블. 타입 에러, 런타임, 빌드 에러 포함.
터미널 · 개발 도구
자주 쓰는 Git alias, npm/pnpm 스크립트, VS Code 설정, 터미널 단축 명령어 모음.
데브로그
실무에서 겪은 문제와 해결 과정을 글 형태로 정리한 기록. 위 카테고리와 교차 참조.
카테고리별 인기 노트
재참조 빈도가 높은 노트
각 카테고리에서 재참조 빈도가 높은 노트들.
TypeScript `unknown` 타입 narrowing 정리
`any`로 단언하지 않고 타입 가드와 `in` 연산자로 좁히는 흐름. 제네릭 추론 실패 케이스 포함.
Next.js 14 app router 마이그레이션 중 `useRouter` import 에러
`next/router` → `next/navigation`으로 바꿔야 한다. pages router 시절 습관에서 오는 실수.
Git rebase 중 충돌 복구 절차
`git rebase --abort`로 되돌리거나 단계별 resolve 절차를 체크리스트로 정리.
Hydration mismatch 원인과 해결
서버/클라이언트 렌더 결과가 달라지는 원인 패턴과 `useEffect`로 해결하는 방법.
스택 인덱스 FAQ
활용법과 분류 기준
실무에서 자주 묶어서 찾게 되는 단위로 나눴다. 언어(TypeScript), 프레임워크(React/Next.js), 워크플로우(Git), 디버깅 목적(에러 룩업), 도구(터미널) 다섯 가지다.