Render Props ํจํด์ ํ์ฉํด ๋ก์ง ๋ถ๋ฆฌํ๊ธฐ
render props ํจํด์ ํ์ฉํด ํ๊ฒฝ๋ณ ๋น์ฆ๋์ค ๋ก์ง๊ณผ ๋ ๋๋ง ๋ก์ง์ ๋ถ๋ฆฌํด ์ฝ๋์ ๊ฐ๋ ์ฑ์ ๋์ธ ๊ฒฝํ์ ๋ํด ์์ฑํ ํฌ์คํธ์ ๋๋ค.
- render-props
- context
render props ํจํด์ ํ์ฉํด ํ๊ฒฝ๋ณ ๋น์ฆ๋์ค ๋ก์ง๊ณผ ๋ ๋๋ง ๋ก์ง์ ๋ถ๋ฆฌํด ์ฝ๋์ ๊ฐ๋ ์ฑ์ ๋์ธ ๊ฒฝํ์ ๋ํด ์์ฑํ ํฌ์คํธ์ ๋๋ค.
ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉฐ ๋ฐ์ํ๋ ๋ฆฌ์คํธ ๋ฆฌ๋ ๋๋ง๊ณผ key prop ๊ด๋ จ ์ด์๋ฅผ ํด๊ฒฐํ ๋ด์ฉ์ ๋ค๋ฃฌ ํฌ์คํธ์ ๋๋ค.
React.cloneElement API๋ฅผ ํ์ฉํด ํด๋ผ์ด์ธํธ ๋ก์ง์ ์๋ฒ ์ปดํฌ๋ํธ๋ก๋ถํฐ ๋ถ๋ฆฌํ ๋ฐฉ๋ฒ์ ๋ํด ๋ค๋ฃฌ ํฌ์คํธ์ ๋๋ค.
๋ชจ๋ ธ๋ ํฌ ๊ตฌ์กฐ์์ ๊ฐ ์๋ธํจํค์ง์ ๋ํ ํ์ ์ ์ฒดํนํ๊ณ ์ด๋ฅผ ์๋ํํ ๊ณผ์ ์ ๋ํด ๋ค๋ฃฌ ํฌ์คํธ์ ๋๋ค.
pnpm ๊ธฐ๋ฐ์ ๋ชจ๋ ธ๋ ํฌ ํ๋ก์ ํธ์์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํ ์ ์ ๊ณผ์ ์์ ๋ฐ์ํ ์์กด์ฑ ์ด์์ ํด๊ฒฐ ๋ฐฉ๋ฒ์ ๋ํด ์์ฑํ ํฌ์คํธ์ ๋๋ค.
NodeJS ๊ธฐ๋ฐ ์๋น์ค์ Process Manage๋ฅผ ์ํ ํจํค์ง PM2๋ฅผ ์ด์ฉํด, ์๋น์ค์ ์ค๋จ ํ์์ ํด๊ฒฐํ ๊ณผ์ ์ ๋ํด ์ ๋ฆฌํ ํฌ์คํธ์ ๋๋ค.
NextJS v12์ Page Router ๋ฐฉ์์ผ๋ก ๊ฐ๋ฐ๋ ๊ฐ์ธ๋ธ๋ก๊ทธ๋ฅผ NextJS v13(14)์ AppRouter๋ก ์ ํํ๋ฉด์ ์์๋ ๊ณผ์ ์ ๋ํด ์ ๋ฆฌํ ํฌ์คํธ์ ๋๋ค.
NextJS v12์ Page Router ๋ฐฉ์์ผ๋ก ๊ฐ๋ฐ๋ ๊ฐ์ธ๋ธ๋ก๊ทธ๋ฅผ NextJS v13(14)์ AppRouter๋ก ์ ํํ๋ฉด์ ์์๋ ๊ณผ์ ์ ๋ํด ์ ๋ฆฌํ ํฌ์คํธ์ ๋๋ค.