📌 TIL topic recommendations (2026-02-02)

[github-actions]

📌 TIL Recommendations (2026-02-02)

🔥 High Priority

• 웹 성능 최적화를 위한 Critical Rendering Path 이해
• API Gateway 및 GraphQL 연동 전략
• TypeScript Generics와 고급 타입 추론 기법
• 리액트 렌더링 최적화 패턴 (useMemo, useCallback 포함)
• 프론트엔드 캐싱 전략 (HTTP, Service Worker, CDN)

⚠️ Weak Areas

• REST API vs GraphQL
• this 바인딩
• CDN (Content Delivery Network)
• ssh(Secure Shell)
• TLS 핸드셰이크
• Controlled Component와 UnControlled Component
• React.memo를 써도 객체/배열 props 때문에 리렌더링이 발생하는 이유
• 타입스크립트 컴파일러의 구조
• infer를 활용해서 타입 추론하기
• FOUC(Flash of Unstyled Content)

🔗 Connection Suggestions

• API Gateway 및 GraphQL 연동 전략
  ↳ connects: Web/rest-api-graphql, Network/load-balancing, Network/cdn
• 웹 성능 최적화를 위한 Critical Rendering Path 이해
  ↳ connects: Web/fouc, Web/browser-rendering-process, Network/differences-and-features-by-http-version
• 자바스크립트 스코프와 클로저
  ↳ connects: JavaScript/this-binding, JavaScript/event-loop, JavaScript/managing-memory-in-javascript
• HTTPS와 웹 보안의 이해
  ↳ connects: Network/tls-handshake, Network/ssh, Network/differences-and-features-by-http-version, Network/tcp-udp
• React 폼 관리 라이브러리 심층 분석 (예: React Hook Form)
  ↳ connects: React/controlled-component-uncontrolled-component, React/manipulate-dom-with-ref
• TypeScript Generics와 고급 타입 추론 기법
  ↳ connects: TypeScript/conditional-types, TypeScript/use-the-refer-to-infer-the-type, TypeScript/covariance-contravariance
• 프론트엔드 빌드 최적화 및 번들러 비교
  ↳ connects: Web/frontend-build-tool, Node.js/yarn-pnpm, Web/browser-rendering-process
• 리액트 렌더링 최적화 패턴 (useMemo, useCallback 포함)
  ↳ connects: React/how-react-memo-compares-props, React/react-fiber-architecture, React/react-suspense
• 프론트엔드 캐싱 전략 (HTTP, Service Worker, CDN)
  ↳ connects: Network/cdn, Web/browser-rendering-process, Network/differences-and-features-by-http-version