아래로 스크롤
시작
01TypeScript와
TypeScript와
현대 JavaScript
정적 타입으로 계약을 코드에 남기고,
ES 모듈·async/await로 비동기 흐름을
읽기 쉬운 순서로 표현합니다.
interface·제네릭으로 props·API 응답 형태를 문서화
strict 옵션과 타입 좁히기로 리팩터 시 안전망 유지
Promise 체인 대신 async/await로 루프·마이크로태스크 정리
02React 선언형 UI와
React 선언형 UI와
상태·부수 효과
컴포넌트 트리와 단방향 데이터 흐름으로
화면을 상태의 함수로 두어 예측 가능하게 만듭니다.
useState·useReducer로 UI에 필요한 최소 상태
useEffect는 의존성 배열을 명시
key·useMemo·useCallback으로 재사용/리렌더 비용을 제어
03Next.js App Router와
Next.js App Router와
렌더링 경계
라우트 세그먼트마다 서버에서 데이터를 가져오고,
클라이언트 전용 훅·브라우저 API는 경계 안에만 둡니다.
상호작용·훅이 필요할 때만 "use client" 분리
fetch로 SEO와 초기 HTML 스냅샷 정합
스트리밍·선택적 하이드레이션으로 TTFB 이후 점진적 표시