์ฐธ๊ณ ์ฌ์ดํธ• woong๋์ velog• Higher์ ์ฐฝ์์/#103 ๐ค NextJSNextJS๋ Vercel์ด ๊ฐ๋ฐํ ํ์คํ ์น ์ ํ๋ฆฌ์ผ์ด์
๊ตฌ์ถ์ ์ํ React ํ๋ ์์ํฌ์ด๋ค.์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง (SSR)์ ์ฌ์ฉํ์ฌ ์น ์ฌ์ดํธ ๊ตฌ์ถ์ ๋์์ค๋ค. Vercel: Build and deploy the best web experiences with the Frontend Cloud – VercelVercel's Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.vercel.com ๐ง Server Side Rendering์นํ์ด์ง๋ฅผ ๋ ๋๋งํ๋..
๐ Confirm ํ์ฌ ๋ก์ปฌ ์ปดํจํฐ์ node.js์ ์ค์น ์ฌ๋ถ๋ฅผ ํ์ธํ๊ธฐ ์ํด ๋ช
๋ น ํ๋กฌํํธ(CMD)๋ฅผ ์ด๊ณ ์๋์ ๊ฐ์ด ์์ฑํ๋ค. $ node Welcome to Node.js v**.*.* $ node -v v**.**.* $ node --version v**.**.* ์์ ๊ฐ์ด ๋ฒ์ ์ด ๋์ค๋ฉด nodejs๊ฐ ์ค์น๋ ํ๊ฒฝ์ด๊ณ , ์ค์น๊ฐ ์ ๋์ด ์๋ค๋ฉด ์๋์ ๊ธ์ ์ฐธ๊ณ ํ์ฌ nodejs๋ฅผ ์ค์นํ๋ค. โฌ๏ธ Install nodejs์ ํํ์ด์ง๋ฅผ ์ ์ํ๋ค. https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ํด๋น ๋งํฌ๋ฅผ ์ ์ ํ, ๋ ๋ฒํผ์ด ๋ณด์ด๋๋ฐ ์ผ์ชฝ์ ..
์ฐธ๊ณ ์ฌ์ดํธ Lemon๋์ ๋ฒจ๋ก๊ทธ ๐ฟ Node.js Node.js๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฐํ์ ํ๊ฒฝ์ด๋ค. ์ฆ ์๋ฐ ์คํฌ๋ฆฝํธ๋ก ๋ง๋ ํ๋ก๊ทธ๋จ์ ์คํํ ์ ์๋ ํ๊ฒฝ์ ๊ตฌ์ถํด์ค๋ค. ๐๐ป ์ฅ์ ์๋ฒ ๊ตฌํ ์, ์์ฒญ์ด ๋ง๊ฑฐ๋ ์ค๋ ๊ฑธ๋ฆฌ๋๋ผ๋ ๋ฉ์ถ๊ฑฐ๋ ์์ฒญ ๋๊ธฐ์๊ฐ์ด ๋ฐ์ํ์ง ์์. (Non-blocking) ์ฝ๋๊ฐ ๊ฐ๊ฒฐํ๊ณ ์ฌ์ ๋น ๋ฅธ ๊ฐ๋ฐ์ด ๊ฐ๋ฅ. ์์ ์ฑ๊ณผ ๋ณด์์ฑ ์ธก๋ฉด์์ ๊ฒ์ฆ๋์ด ์๋ค. ๐ฃ ๋จ์ ํ๋์ Thread์์ ์ฒ๋ฆฌ๋์ด ์ฐ์ฐ์ด ๋ง์ด ์๊ตฌ๋๋ฉด ๊ฐ๋นํ๊ธฐ ์ด๋ ค์. (๋น๋์ค ๋ฐ ๋๊ท๋ชจ ๋ฐ์ดํฐ ์ฒ๋ฆฌX) ๐ป JavaScript ์๋ฐ์คํฌ๋ฆฝํธ๋ HTML์ ์ข
์๋์ด ์๋ ์ธ์ด์ด๋ค. HTML ์กฐ์๊ณผ ๋ณ๊ฒฝ์ ์ํด ์ฌ์ฉํ๋ค. ์ ์ ์ธ์ด์ธ HTML์ ์นํ์ด์ง์ ๊ธ์ ์ฐ๊ณ , ๊ทธ๋ฆผ์ ๋์์ฃผ๋ ์ญํ ์ ํ๋ค. HTML๋ง์ผ๋ก๋ ๋ค์ด๋๋ฏนํ ์ฌ..