next.js - hochan222/Everything-in-JavaScript GitHub Wiki
Next.js
- Zeit์์ ๋ง๋ React Framework ์ด๋ค.
- Netflix, Github, Twitch, Hulu, Uber, Docker๋ฑ๋ฑ ์์ ์ฌ์ฉ.
- React๋ UI๋ฅผ ๋ง๋ค๊ธฐ ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค.
ํต์ฌ์ ์ธ ๊ธฐ๋ฅ๋ง ์ ๊ณตํ๊ณ ๊ทธ ์ธ์ ๊ธฐ๋ฅ์ ๋ณ๋์ 3rd party ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ์ ๊ณตํ๋ค.
Next.js ๋ React๋ก FrontEnd๋ฅผ ๊ฐ๋ฐํ ๋ ์ฌ๋ฌ๊ฐ์ง ์ ์ฉํ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ค.
- SSR(Server Side Rendering)
- ๊น๋นก์ธ ์๊ณ ํ๋ฉด ๋ ๋๋ง ์๋๊ฐ ๋น ๋ฅด๋ค.
- SEO๋ฅผ ์ ์ฉํ๊ธฐ ์ ๋ฆฌํ๋ค.
- dynamic meta tags
- File System ๊ธฐ๋ฐ Routing
- /about -> about.js
- Customizing
- webpack configuration
- babel configuration
- Code Splitting
- Code Splitting์ ์นํฉ์ ๊ฐ์ฅ ๋งค๋ ฅ์ ์ธ ๊ธฐ๋ฅ ์ค ํ๋์ด๋ค. JavaScript ๋ฒ๋ค์ ์ฌ์ฉ์๊ฐ ์ ํ๋ฆฌ์ผ์ด์ ์๋ก๋ ํ ๋ ์ด๊ธฐ ๊ฒฝ๋ก์ ํ์ํ ์ฝ๋ ๋ง ์ ์กํ๋๋ก ๋ถํ ๋๋ค. ์ด๋ ๊ฒํ๋ฉด ๊ตฌ๋ฌธ ๋ถ์ ๋ฐ ์ปดํ์ผํด์ผํ๋ ์คํฌ๋ฆฝํธ์ ์์ด ์ต์ํ๋์ด ํ์ด์ง๋ก๋ ์๊ฐ์ด ๋นจ๋ผ์ง๋ค.
- Next.js ๋ ๋ณ๋์ ๊ฒฝ๋ก๋ฅผ ๊ฐ๋ ๊ธฐ๋ณธ ์ค๊ณ๋ก ๊ฐ๋ฐ์๊ฐ ์๋์ ์ผ๋ก ๊ตฌํํ๋ ํ๋ก์ธ์ค๋ฅผ ๊ฑฐ์น์ง ์๊ณ ๋ ์๋ ์ฝ๋ ๋ถํ ์ ์ ๊ณต ํ๋ค.
- Google Chrome ํ๊ณผ ํ๋ ฅํ์ฌ ์ต์ ํ