✅ 1. <Script strategy="beforeInteractive" ... />는 뭘까?
📌 Next.js의<Script />는
Next.js에서 외부 스크립트를 로드할 때 사용하는 공식 컴포넌트입니다.
기본 HTML <script> 태그보다 더 정교하게 로딩 시점과 순서를 제어할 수 있어요.
🧠strategy="beforeInteractive"는 무슨 뜻?
📌 “Next.js가 앱을 인터랙티브하게 만들기 전에 이 스크립트를 먼저 로드해줘”
→ 즉, 초기 렌더링 전에 반드시 필요
예시: Kakao Maps SDK는 이런 경우에 해당합니다
- 전역에 window.kakao 객체를 만들어야 하니까
- React hydration 전에 준비되어야 에러 없이 접근 가능함