[Next] (2) 썸네일형 리스트형 [Next] usepathname으로 조건부 데이터 처리 적용하는 법 (Conditional Logic) 🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘 소개드릴 내용은 하나의 컴포넌트를 여러 페이지에서 다르게 처리하는 방법에 대해서 정리해보려고 합니다. 보통 이런 방법은 props나 context 기반으로 구현하는 경우가 많은데,제가 이번에 구현할 방법은 path-based 즉, 경로 기반으로 구현해보려고 합니다. 이 방법을 사용하게 된 이유는, 현재 진행 중인 프로젝트에서 UI는 거의 동일하지만, 데이터 처리와 같이 기능적인 부분이 조금씩 다른 경우가 있었기 때문입니다. 그래서 "새로운 컴포넌트를 굳이 만들지 않고, 기존 컴포넌트를 재사용할 수는 없을까?" 라는 생각이 들어 이 방법을 도입하게 되었습니다. 🔗 path-basedimport { useRouter, usePathname } from .. [Next] v15 useSearchParams without Suspense 오류 해결 🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 Next.js v15에서 발생할 수 있는 오류 중 하나인 useSearchParams without Suspense에 대해서 알아보려고 합니다. 저도 프로젝트를 진행하던 도중에 이 오류가 발생하게 되었는데, 미리 이 오류에 대해서 알고 있지 않으면 나중에 많은 수정을 거쳐야 할 수 있기 때문에 이렇게 공유를 해보려고 합니다. ❓ 발생하는 이유는?이 오류가 발생하는 이유는 오류 이름에서 알 수 있듯이 useSearchParams를 Suspense 없이 사용했을 때 발생하는 오류 입니다.next를 사용해보신 분이라면 아시겠지만, Suspense는 기본적으로 컴포넌트나 함수의 동적 처리를 기다리고, 기다리는 동안 fallback 함수 등을 사용하여 로딩을.. 이전 1 다음