Next.js는 어떻게 React Compiler를 돌리는가 SWC와 Babel의 현명한 공존

Next.js는 어떻게 React Compiler를 돌리는가 SWC와 Babel의 현명한 공존React Compiler가 드디어 안정화 후보로 공개되면서 개발자 커뮤니티가 술렁였는데요.Next.js는 v15에서 이를 실험적으로 지원하기 시작했고, 많은 분들이 바로 이런 질문을 던졌죠.Next.js는 SWC로 갈아탄 지 오래인데, Babel 플러그인인 React Compiler는 대체 어떻게 끼워 넣는 거예요.표면만 보면 모순처럼 보이지만, 속살을 보면 꽤 단정한 해법이 숨어있습니다.이번 글은 2025년 8월 22일 시점의 Next.js Canary 소스 코드를 기준으로, React Compiler가 Next.js에서 어떤 경로로 실행되는지 코드 레벨로 풀어보려는 거예요.결론부터 말하면 'SWC와 Babe..

• format_list_bulleted Javascript
• · 2025. 8. 24.
• textsms

TypeScript에서 webpack과 Babel의 필요성을 역사적 관점에서 본다

이번에는 webpack과 Babel에 대해 배운 것을 글로 정리해 보려고 합니다. 왜 처음에 webpack과 Babel에 대해 배우려고 했는지는, 지금까지 TypeScript, React 등을 사용하여 다양한 애플리케이션을 개발해 왔지만, webpack과 babel에 대한 지식이 모호한 상태에서 개발만을 계속하고 있었습니다. 어쩐지 “그냥 변환해 주는 것” 정도의 지식밖에 없었기 때문에, 제대로 이해하려고 생각했습니다. 그런 상황에서 webpack과 babel의 필요성을 배우면서 JavaScript의 역사를 이해하면 더 쉽게 이해할 수 있을 것 같아서, JavaScript의 역사에 대해서도 다루어 보려고 생각했습니다.JavaScript의 탄생JavaScript는 1995년에 Netscape의 기술자인 B..

• format_list_bulleted Javascript
• · 2024. 2. 13.
• textsms