본문 바로가기
728x90
반응형

Frontend/Next.js2

[Error] Cannot find module 'stream/promises' 오류 메시지- Cannot find module 'stream/promises'- 'stream/promise' 모듈의 경로를 확인할 수 없습니다. 오류 화면 오류 원인- create-next-app 프로젝트를 생성하면서 작성되는 import 식에서 해당 모듈을 가져오지 못해서 발생한다.- node:stream/promises>=15.x 해당 모듈은 노드 버전이 15이상만 지원되기 때문에 노드 버전 업이 필요하다. 해결 방법- nvm 을 사용한다면 노드 버전 15이상을 설치한 뒤 변경한다.- 노드 버전은 메이저 버전을 짝수로 사용하는 것을 권장한다.- 나는 10버전으로 셋팅 되어 있었고 18버전으로 변경해 주었다.nvm install 18.19.0nvm use 18.19.0 결과 2024. 3. 27.
Next.js 프레임워크 소개 Next.js- react framework 중 하나다.- 리액트 문법을 사용하기 때문에 리액트 개발자가 쉽게 배울 수 있다.- 다양한 기능들을 추상화해서 제공하고 있다.- SSR을 기반으로 동작할 수있어서 인기가 많다. CSR / SSRclient-side rendering(CSR)장점사용자 입장에서 편안한 사이트를 만들 수 있다.단점로딩 속도로 인한 성능 저하가 있을 수 있다.server-side rendering(SSR)장점페이지가 브라우저에 로드되기전에 데이터를 미리 세팅하기 때문에 로딩 속도가 빠르다.js 언어로 작성하지만, js 빌드에 문제가 발생되어도 이미 서버가 렌더링 세팅을 맞췄기 때문에 화면에 데이터 표출할 수 있다.단점사용자 입장에서 사이트 속도가 버벅거린다고 느낄 수 있다. Next.. 2023. 12. 27.
728x90
반응형