우당탕탕 FE 개발자 이야기

Next.js와 TypeScript로 프로젝트를 진행하다 보면, 분명히 파일 경로도 맞고 설정도 올바른데 import './globals.css' 같은 구문에서 "ts(2882): 부수 효과 가져오기에 대한 모듈 또는 형식 선언을 찾을 수 없습니다." 라는 오류가 발생하며 발목을 잡힐 때가 있습니다. 저 또한 이 문제로 오랜 시간을 소모했고, 저처럼 고민하고 있을 분들에게 도움이 되고자 제가 겪었던 해결 과정을 공유합니다. ✅ 방법 1: TypeScript에게 CSS 파일 알려주기 (global.d.ts)가장 먼저 시도할 기본적인 방법입니다. TypeScript는 .ts나 .js 파일이 아니면 그 타입을 알지 못하기 때문에, .css 파일을 모듈로 인식할 수 있다는 것을 알려줘야 합니다. 프로젝트 최상위..

Suspense 태그 없이 검색 매개변수를 읽으면 useSearchParams() 전체 페이지가 클라이언트 측 렌더링에 적용됩니다. 이로 인해 클라이언트 측 JavaScript가 로드될 때까지 페이지가 비어 있을 수 있습니다. 이를 해결할 수 있는 가능한 방법호출이 useSearchParams()Suspense 경계로 래핑되었는지 확인하세요.'use client' import { useSearchParams } from 'next/navigation'import { Suspense } from 'react' function Search() { const searchParams = useSearchParams() return } export function Searchbar() { return..