Next.js 을 사용하는 이유

Next.js 공식문서 읽기

📍Next.js 란?

1️⃣어플리케이션을 구조화하기 위한 프레임워크를 제공

2️⃣개발 프로세스 및 어플리케이션 속도를 최적화

- Development Env. 와 Production Env.  모두에 도움

 

🛠️개발 환경(+DX)에 도움을 제공

- TypeScript

- ESLint 통합

- Fast Refresh

등등

 

👨‍💻Production 환경에 도움을 제공

- 성능 최적화

- Minifying(tree shaking 과 비슷)

등등

 

Rust와 SWC로 작성된 컴파일러를 통해 빠르게 번들링, 컴파일 등을 실행

 

📍컴파일이 필요한 이유

- JSX는 브라우저가 이해할 수 없기 때문에, 브라우저가 이해할 수 있는 JavaScript 버전으로 변환되어야 함

 

📍Minifying

- 불필요한 코드 제거 (주석, 공백, 들여쓰기 등)

- 코드의 기능은 바꾸지 않음

- 파일 크기를 줄여 앱의 성능을 끌어올리는 것을 목표로 함

 

📍Code Splitting

https://nextjs.org/learn/foundations/how-nextjs-works/code-splitting

Learn | Next.js