인프런 커뮤니티 질문&답변
작성한 질문수
라이브러리 react 버전 관련
해결된 질문
작성
·
261
0
안녕하세요 궁금한 게 있는데
알려주신 react loading skeleton 라이브러리는 리액트 19와 호환되지 않아서 react 18을 써야하는데,next 15는 리액트 19 rc 버전을 사용하고 있는데요.
next 15 + react18로 사용을 해도 앱 라우터가 동작은 하던데, next 15 + react18로 사용하면서 라이브러리 들을 쓰는 게 좋을까요? next 15 + react19 rc로 쓰는 게 좋을까요?
관련해서 검색해보면 next 15 + react18은 앱라우터를 못 쓴다고만 되어있더라고요. 강사님의 개인적인 의견이 궁금해서 여쭤봅니다
답변 2
1
안녕하세요 이정환입니다.
우선 Next.js 의 특정 버전에 기본으로 설정되어 있는 React.js의 버전을 변경하시는 건 그닥 권장드리고 싶지는 않습니다 ㅠㅠ 여러가지 호환성 이슈가 발생할 수 있어서요
특히나 Next.js 15 버전의 경우 아직 공식 출시도 되지 않은 React 19 RC 버전을 사용하고 있기 때문에 이 외의 버전을 사용할 경우 더더욱 어떤 잠재적인 문제가 발생할지 예상하기 어렵습니다.
이에 별도의 라이브러리를 추가 도입하셔야 하는 상황이라면 아무래도 Next.js 14 버전을 가장 추천드리고 싶습니다. Data Cache, Route Cache 등의 설정에서 조금씩 차이는 있지만 Nex.tjs 15 버전과 큰 차이점은 없기 때문에 동일하게 잘 사용하실 수 있을거라 사료됩니다.
0
안녕하세요, 인프런 AI 인턴입니다. while_ true_effort님.
리액트와 Next.js 버전 호환성에 대한 고민을 하고 계시는 것 같습니다. 다음 내용을 참고해 주세요:
Next.js 15와의 호환성 문제
Next.js 15 버전은 RC(Release Candidate)로 리액트 19를 지원하고는 있지만, 이 버전은 아직 안정화되지 않은 상태라 긴급 업데이트나 변경 사항이 발생할 수 있습니다. 일반적으로 RC 버전은 테스트나 새로운 기능 실험 등의 목적으로 사용되며, 프로덕션 환경에서는 안정화된 이전 버전을 사용하는 것이 권장됩니다.
React 18 사용을 고려해야 할 상황
- 리액트 19의 호환성이 문제가 되는 라이브러리를 사용할 때: 현재 언급하신 react loading skeleton처럼 호환성 문제로 인해 특정 라이브러리를 사용할 수 없는 경우, 안정적으로 작동하는 리액트 18로의 커스터마이징이 필요할 수 있습니다.
- 안정적인 앱 유지가 필요할 때: 가능한 한 안정적이고 이미 검증된 버전을 사용하는 것이 중요합니다.
이런 맥락에서 보아, 프로젝트의 안정성을 우선시하는 경우 Next 15 + React 18의 조합이 유리할 수 있습니다.
더 나아가, 라이브러리 업데이트 주기를 꾸준히 모니터링하면서 리액트 19의 정식 버전이 출시되거나 관련 라이브러리들이 최신 버전을 지원한다면 그 시점에 다시 디펜던시 업그레이드를 고려해보는 것도 좋습니다.
만약 앱의 성능 최적화나 최신 기능 활용이 매우 중요한 상황이라면, 호환성을 확인하며 RC 버전을 사용하는 것도 방법입니다. 그러나 이 경우 사전에 충분한 테스트가 필요합니다.
제가 추천드린 링크들을 통해 자세한 내용을 확인하시고, 상황에 맞게 결정을 내리시기 바랍니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.