# Next.js의 작동 방식 [번역]

> Clean Markdown view of GeekNews topic #7999. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=7999](https://news.hada.io/topic?id=7999)
- GeekNews Markdown: [https://news.hada.io/topic/7999.md](https://news.hada.io/topic/7999.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-12-10T10:39:01+09:00
- Updated: 2022-12-10T10:39:01+09:00
- Original source: [velog.io](https://velog.io/@surim014/how-next.js-works)
- Points: 20
- Comments: 0

## Topic Body

- 고급 Next.js 기능을 배우기 전에 Next.js 작동 방식의 기본 사항을 이해하는 것이 도움이 됨   
- 개발 및 프로덕션 환경   
  - Next.js에 적용되는 방식  
  - Next.js 컴파일러  
- 컴파일이란 무엇일까요?  
- 경량화(Minifying)는 무엇일까요?  
- 번들링이란 무엇일까요?  
- 코드 분할이란 무엇일까요?  
- 빌드 시간 및 런타임  
- 클라이언트 및 서버  
- 렌더링이란 무엇일까요?  
  - Pre-Rendering  
  - 클라이언트 사이드 렌더링 vs Pre-Rendering  
  - 서버 사이드 렌더링  
  - 정적 사이트 생성 (Static Site Generation)  
- 네트워크란 무엇일까요?  
 - 원본 서버  
 - 콘텐츠 전송 네트워크  
 - Edge  
- 다음 단계

## Comments



_No public comments on this page._