터보팩? 뭐야?
npx create-next-app@latest 를 이용하여 넥스트 프로젝트를 시작하면 터보팩을 사용할지 말지를 물어보는 질문이 나온다.
생각해보니 터보팩이 뭔지 찾아본적이 없어 터보팩에 대해 찾아보았다.
https://nextjs.org/docs/architecture/turbopack#generating-trace-files
Architecture: Turbopack | Next.js
Turbopack is an incremental bundler optimized for JavaScript and TypeScript, written in Rust, and built into Next.js.
nextjs.org
공식문서 기반을 요약하자면 이렇다.
터보팩은 뭐냐?
-> 자바스크립트, 타입스크립트에 대해 최적화된 번들러 ( 앱,웹 디렉토리에 둘다 쓸 수 있다 )
터보팩 왜쓰냐?
-> 더 빠른 로컬 개발환경을 위해서 사용한다.
※ next dev 만 사용가능하고 next build는 지원하지 않는다고 한다. 우리고 로컬에서 next dev를 통해 로컬서버를 돌리는데 터보팩을 쓰면 해당 동작 속도가 더 빠를 것으로 예상된다. 뭐 그밖에서 소스코드 변경된 사항도 빠르게 반영 될 것 같은 느낌이다.
그렇다면 왜 터보팩이 디폴트 설정이 아닌가?
-> 지원되지 않는 기능들이 있다. ( 해당 기능들은 https://nextjs.org/docs/architecture/turbopack#unsupported-features 여기서서 참고하자 )
결론
로컬 개발서버의 속도가 너무 답답하고 지원되지 않는 기능들은 사용하지 않는다? 그럼 사용해볼 것 같다.
'⭐FE' 카테고리의 다른 글
서버단에서 쿠키 설정 후 브라우저에서 확인해보기 (0) | 2025.01.05 |
---|---|
Next.js 프로젝트 메모리 사용량 확인 (1) | 2024.12.20 |
[JS] base64 img data를 img File 형태로 변경하기 (0) | 2024.05.18 |
[JS] 미리보기 이미지 구현하기 ( FileReader, FileReader.readAsDataURL() 이용 ) (0) | 2024.05.15 |
Yarn berry Package Manager 설치방법 (0) | 2024.02.12 |