(ํจ์ํ์ผ๋ก) ์๋ฐ์คํฌ๋ฆฝํธ๋ก HTML ๋ฒํผ ์ค๋ณต ํด๋ฆญ ๋ฐฉ์งํ๊ธฐ
์ด๋ ธ์ ๋ ๋ด๊ฐ ์ด๋ป๊ฒ ํ๋๋ผ?
์ด๋ ธ์ ๋ ๋ด๊ฐ ์ด๋ป๊ฒ ํ๋๋ผ?
[What every front-end developer should know about change detection in Angular and React](https://indepth.dev/what-every-front-end-developer-should-know-about-change-detection-in-angular-and-react/)๋ฅผ ๋ฒ...
์์ฆ ๋ฆฌ์กํธ๋ฅผ ์ฐ๋ ๋ง์ ํ๋ก์ ํธ์์, SSR์ ์ง์ํ๊ธฐ ์ํด [nextjs](https://nextjs.org/)๋ฅผ ์ฐ๊ณ ์๋ค. ์ด๊ธฐ ๋ก๋ฉ ์๋๋, SEO ์ง์ ์ด์ ๋ฑ ๋ฑ ๋๋ฌธ์ ์๋ฌด๋๋ SPA๋ ์์ฆ ํธ๋ ๋์์ ๋ง์ด ๋ฐ๋ฆฐ ๊ธฐ๋ถ์ด๋ค. ๋ฌผ๋ก [razzle](https://github.com/jaredpalmer/razzle) ์ ์ฐ๊ฑฐ๋ custom ser...
[nextjs์ ๊ณต์ ๋ฌธ์](https://nextjs.org/docs/basic-features/data-fetching)๋ฅผ ๋ณด๊ณ ์์ฝํ ๋ด์ฉ์ ๋๋ค. ```toc tight: true, from-heading: 1 to-heading: 2 ``` ## 1. getInitialProps Nextjs 9.3 ์ด์ ์๋ `getInitialProps` ๋ฐ์...
์ฃผ๋ง์ ์ง๊ตฌ์์ ํผ์ ์ค๋์์ ์ผ์ด ์์ด์, ์๊ฐ๋ ๊น์ ๋ธ๋ก๊ทธ๋ฅผ ๊ฐํธํ์ต๋๋ค. ์ด ์ ์๋ hexo ๊ธฐ๋ฐ์ผ๋ก ๋ง๋ค์ด์ง ๋ธ๋ก๊ทธ๋ฅผ ์์ ํ๋๋ฐ, hexo ์ํ๊ณ๊ฐ ๊ด๋ฆฌ๊ฐ ์ ์๋๊ณ ์๋ ๊ฑด์ง ํ๋ฌ๊ทธ์ธ์ด๋ ๊ธฐ๋ฅ๋ค์ด ์ ๋๋ก ๋์์ ์ํ๋๊ตฐ์. wordpress -> ??? -> github pages -> hexo -> gatsby ๊น์ง ๋ฒ์จ ๊ฐํธ๋ง ํ ๋ค์ฏ๋ฒ ์ฏค...
[๋ชฉ์ฐจ](/2019/08/13/reactjs-interview-questions/) ```toc tight: true, from-heading: 2 to-heading: 3 ``` ## Core React ### What is React ๋ฆฌ์กํธ๋ ์คํ์์ค ํ๋ก ํธ์๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก, ํนํ ์ฑ๊ธ ํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค ๊ตฌ์ถ์...
์ด ๋ฌธ์๋ ๋ ์ด์ ์ ๋ฐ์ดํธ ํ์ง ์์ ์๊ฐ์ด๋ค. ๋์ https://github.com/yceffort/koa-nextjs-react-typescript-boilerplate ์ฌ๊ธฐ์์ ๊ณ์ ํด์ ๋ง๋ค์ด ๊ฐ๊ณ ์๋ค. ## ์ฌ์ฉํ ์คํ์์ค ### React ์์ธํ ์ค๋ช ์ ์๋ต ํ๋ค ### Nextjs [NextJs](https://nextjs.org...