์ ์ ํ ์๋ก์ด ์ธ๊ณ ์ ์ ๋งํฌ ์ก์ฑ ์์ โ ๋ ๋ฒจ์ ๋ฐฐ๋ถ๊ณผ ์์ฑ๋ณ ๋ฑ ์กฐํฉ
์ ์ ํ: ์๋ก์ด ์ธ๊ณ์์ ๋ชจํ์ด ๋งํ๋ค๋ฉด ์ํ๋ถํฐ ํ๊ธฐ ์ ์ ์ ์ ๋งํฌ์ ์ฑ์ฅ ๋ฐฐ๋ถ๊ณผ ๋๋ฃ ๋ฐฐ์น๋ฅผ ํ์ธํด ๋ณด์ธ์. ์ฃผ๋ ฅ ๋๋ฌ๊ฐ ๋ฎ์ ๋ ๋ฒจ์ ์ฌ๋กฏ์ ์๊ฑฐ๋, ์ ์๊ฒ ๋ถ๋ฆฌํ ์์ฑ์ผ๋ก ๊ณต๊ฒฉํ๊ณ ์๋ค๋ฉด ๋ณด์ ๋๋ฃ๋ฅผ ๋ฐ๊พธ๋ ๊ฒ๋ง์ผ๋ก๋ ์ ํฌ ์์์ด ๋ฌ๋ผ์ง ์ ์์ต๋๋ค.
์ด ๊ธ์ ์ด๋ฐ ๋ชจํ์ ๊ธฐ์ค์ผ๋ก ์ ์ ๋งํฌ์ ์ฌ๋ฃ๋ฅผ ๋ฐฐ๋ถํ๋ ๋ฐฉ๋ฒ๊ณผ ์์ฑ๋ณ ํธ์ฑ ๋ฐฉํฅ์ ์ ๋ฆฌํ ๊ณต๋ต์ ๋๋ค. ์๋ ์กฐํฉ์ ๋ณด์ ๋๋ฃ๋ก ๊ตฌ์ฑํด ๋ณผ ์ ์๋ ์์์ด๋ฉฐ, ํ๊ณ๋ํ์ ์ฅ๋น ์ํ์ ๋ฐ๋ผ ๊ต์ฒด๊ฐ ํ์ํฉ๋๋ค.
1. ์ ์ ๋งํฌ๋ ์ฃผ๋ ฅ ๋๋ฌ๊ฐ ๋ค์ด๊ฐ ์๋ฆฌ๋ถํฐ ์ฌ๋ฆฌ์ธ์
์ ์ ๋งํฌ๋ ๋๋ฃ ๊ฐ์ธ์ด ์๋๋ผ ๋ฐฐ์น ์ฌ๋กฏ์ ๋ ๋ฒจ๊ณผ ๋ฑ๊ธ์ ์ฑ์ฅ์ํค๋ ์์คํ ์ ๋๋ค. ์ฑ์ฅํ ์ฌ๋กฏ์ ๋ค๋ฅธ ๋๋ฃ๋ฅผ ๋ฃ์ผ๋ฉด ๊ทธ ์ฌ๋กฏ์ ์ฑ์ฅ ์ํ๋ฅผ ์ ์ฉ๋ฐ์ต๋๋ค.
์ด๋ฐ์๋ ๋ค์ ์์๋ก ์ฌ๋ฃ๋ฅผ ๋ฐฐ๋ถํด ๋ณด์ธ์.
โ ๋ชจํ์ ๋งก๊ธธ ์ฃผ๋ ฅ ๋๋ฌ ๊ฒฐ์
โก ํด๋น ๋๋ฌ๊ฐ ๋ค์ด๊ฐ ๋งํฌ ์ฌ๋กฏ ์ฐ์ ์ฑ์ฅ
โข ๋๋จธ์ง ์ฌ๋กฏ์ ๋ค์ ์ฑ์ฅ ์กฐ๊ฑด์ ๋ง์ถฐ ๋ณด์
โฃ ์ ์ด์ด ๋ฒํฐ์ง ๋ชปํ๋ฉด ์ ์ด ์ฌ๋กฏ์ ์ถ๊ฐ ํฌ์
์๋ฅผ ๋ค์ด ๋ค ์ฌ๋กฏ์ด 100๋ ๋ฒจ์ด๊ณ ์ฃผ๋ ฅ ์ฌ๋กฏ์ 120๋ ๋ฒจ๊น์ง ์ฌ๋ฆด ์ ์๋ค๋ฉด, ๋๋ฌ์๊ฒ ๋์ ์ฌ๋กฏ์ ์ฃผ๋ ์์ ๋๋ค. ์ด ์ซ์๋ ๋ฐฐ๋ถ ๋ฐฉ์์ ์ค๋ช ํ๊ธฐ ์ํ ์์๋ก, ์ค์ ์ฑ์ฅ์ ํ๋ฉด์ ํ์๋๋ ๋ ๋ฒจ๊ณผ ๋ฑ๊ธ ์ ํ์ ๋ฐ๋ผ์ผ ํฉ๋๋ค.
๊ณต์ ๊ฐ์ด๋์์๋ ๋งํฌ ์ฌ์ด์ ๋ฑ๊ธ ์ฐจ์ด์ ์ ํ์ด ์๊ณ , ์ด๊ธฐ ์ฑ์ฅ ์๋ฃ ํ์๋ ์ต๊ณ ์ ์ต์ ๋งํฌ์ ๋ ๋ฒจ ์ฐจ์ด๊ฐ 20์ ๋์ผ๋ฉด ์ฑ์ฅ์ด ์ ํ๋๋ค๊ณ ์๋ดํฉ๋๋ค. ํ ์ฌ๋กฏ๋ง ๋์์ด ์ฌ๋ฆด ์ ์๋ ๊ตฌ์กฐ๋ ์๋๋๋ค.
2. ๋๋ฌ ์ฐ์ ํฌ์์ ์ ์ด ๋ณด์์ ์คํจ ์์ธ์ผ๋ก ๊ตฌ๋ถํ์ธ์
๊ฐ์ ํจ๋ฐฐ๋ผ๋ ์ด๋ ์ฌ๋กฏ์ ์ฌ๋ ค์ผ ํ๋์ง๋ ๋ค๋ฆ ๋๋ค.
์ ์ ์ฒ์นํ์ง ๋ชปํ๊ณ ์๊ฐ์ด ๋๋๋ค๋ฉด
์ฃผ๋ ฅ ๋๋ฌ ์ฌ๋กฏ๊ณผ ๋๋ฃ์ ํ๊ณ๋ํ, ์ ์ฉ์ฅ๋น๋ฅผ ๋จผ์ ํ์ธํ์ธ์. ๋๋ฌ๊ฐ ์ถฉ๋ถํ ๊ณต๊ฒฉํ๋๋ฐ๋ ํผํด๊ฐ ๋ถ์กฑํ์ง ์ดํด๋ณด๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
๋๋ฌ๊ฐ ๊ณต๊ฒฉํ๊ธฐ ์ ์ ์ ์ด์ด ๋ฌด๋์ง๋ค๋ฉด
๋๋ฌ ์ฌ๋กฏ๋ง ์ฌ๋ฆฌ๊ธฐ๋ณด๋ค ์ ์ด์ ๋งํฌ์ ๋ณดํธ ์๋จ์ ๋ณด์ํ์ธ์. ํ๋ณต ๋ด๋น์ด ํ์ด๊ธฐ๋ฅผ ์ฌ์ฉํ๊ธฐ ์ ์ ์ ํฌ๊ฐ ๋๋๋์ง๋ ํ์ธํฉ๋๋ค.
ํน์ ๋๋ฃ๋ง ์ ํฌ ์์ ์งํ ์ฐ๋ฌ์ง๋ค๋ฉด
์ก์ฑ๋ณด๋ค ๋ฐฐ์น ๋ฌธ์ ์ผ ์ ์์ต๋๋ค. ํด๋น ๋๋ฃ๋ฅผ ๋ค๋ฅธ ์ฌ๋กฏ์ผ๋ก ์ฎ๊ฒจ ์ ์ ์ฒซ ๊ณต๊ฒฉ ๋์์ด ๋ฐ๋๋์ง ์ํํด ๋ณด์ธ์.
์ฃผ๋ ฅ ๋๋ฌ๊ฐ ์ค๋ ๊ณต๊ฒฉํ ์ ์๋ ์ํ๋ฅผ ๋ง๋ ๋ค ๊ณต๊ฒฉ ๋ฅ๋ ฅ์ ๋์ด๋ ๊ฒ์ด ํต์ฌ์ ๋๋ค.
3. ์์ฑ ์์ฑ์ ์ ยท๋ นยท์ฒญ๊ณผ ํฉยท์๋ฅผ ๋๋ ๊ธฐ์ตํ์ธ์
๊ธฐ๋ณธ ์์ฑ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
- ์ ์์ฑ์ ๋ น ์์ฑ์ ์ ๋ฆฌ
- ๋ น ์์ฑ์ ์ฒญ ์์ฑ์ ์ ๋ฆฌ
- ์ฒญ ์์ฑ์ ์ ์์ฑ์ ์ ๋ฆฌ
- ํฉ ์์ฑ๊ณผ ์ ์์ฑ์ ์๋ก๋ฅผ ๊ณต๊ฒฉํ ๋ ์ ๋ฆฌ
ํฉ๊ณผ ์๋ ์๋ก ๊ณต๊ฒฉ์ ์ ๋ฆฌํ๋ฏ๋ก, ํฉ ์์ฑ์ ํธ์ฑํ๋ค๊ณ ์ ์์ฑ ์ ์๊ฒ ์์ ํ ๊ฒ์ ์๋๋๋ค. ๊ณต๊ฒฉ๊ณผ ์์กด์ ํจ๊ป ๊ณ ๋ คํด์ผ ํฉ๋๋ค.
๋ชจํ์์๋ ์ ์ ์ฒด์ ์์๋ง ๋ณด์ง ๋ง๊ณ ์ฐ๋ฆฌ ๋๋ฌ๊ฐ ์ฃผ๋ก ๊ณต๊ฒฉํ๋ ๋์๊ณผ ์ ์ด์ด ์๋ํ ์ ์ ํ์ธํ์ธ์. ์ ๋๋ฌ ํ ๋ช ์ ๋น ๋ฅด๊ฒ ์ฒ๋ฆฌํ๋ ํธ์ด ์ ์ฒด ์์ฑ์ ํต์ผํ๋ ๊ฒ๋ณด๋ค ์ ๋ฆฌํ ์๋ ์์ต๋๋ค.
๊ฐ์ ์์ฑ ํธ์ฑ ๋ณด๋์ค๋ ํ์ธํ๋, ๋ณด๋์ค ์ซ์๋ฅผ ๋ง์ถ๊ธฐ ์ํด ํ์ํ ํ๋ณต์ด๋ ๋ณดํธ ์ญํ ์ ๋นผ์ง๋ ๋ง์ธ์.
4. ํฉ ์์ฑ ๋ฑ์ ๊ณต๊ฒฉ ๋ด๋น๊ณผ ๋ณดํธ ๋ด๋น์ ํจ๊ป ๊ตฌ์ฑํ์ธ์
ํธ์ฑ ์์
SSR ์ฐ ์ดํ + SSR ์ค๋ฌผ๋ค์ฏ ๋ฒ์งธ ๋ฐค + SSR+ ์๋ฐ + ์ ์ด ๋๋ฃ + ์ํฉ๋ณ ์ง์ ๋๋ฃ
ํฉ ์์ฑ์ SSR ์ฐ ์ดํ๋ฅผ ๊ณต๊ฒฉ ๋ด๋น์ผ๋ก ์ฌ์ฉํ๊ณ , ๋ฐค์ ์ง์๊ณผ ์๋ฐ์ ์์กด ๋ณด์กฐ๋ฅผ ๋ถ์ฌ๋ณด๋ ๊ตฌ์ฑ์ ๋๋ค. ๋จ์ ๋ ์๋ฆฌ์๋ ์ ์ ๊ณต๊ฒฉ์ ๋ฐ์๋ผ ๋๋ฃ์ ๋ถ์กฑํ ๊ธฐ๋ฅ์ ๋ฃ์ต๋๋ค.
๋ค๋ง SSR ์ฐ ์ดํ๋ฅผ ์๋ก ์ง์ค ์ก์ฑํ๋ผ๋ ์๋ฏธ๋ ์๋๋๋ค. ์ด๋ฏธ ์ ํค์ด ๋ค๋ฅธ ๋๋ฌ๊ฐ ์๋ค๋ฉด ๊ทธ ๋๋ฌ๋ฅผ ์ค์ฌ์ผ๋ก ์ง์ ์ญํ ์ ๋ง์ถ๋ ํธ์ด ๋ซ์ต๋๋ค.
ํนํ ์ฐ ์ดํ๋ ๋ฒ์ ์ ๊ตฌ๋ถํด์ผ ํฉ๋๋ค.
- ํฉ ์์ฑ SSR ์ฐ ์ดํ: ๊ณต๊ฒฉ ๋ด๋น์ผ๋ก ๊ฒํ
- ๋ น ์์ฑ SSR+ [์น์ ์ ๋ถ๊ฝ] ์ฐ ์ดํ: ํ๋ณต๊ณผ ๋ณดํธ ๋ด๋น์ผ๋ก ๊ฒํ
๋ ๋๋ฃ๋ ์ด๋ฆ์ด ๊ฐ์๋ ์ญํ ๊ณผ ์์ฑ์ด ๋ค๋ฆ ๋๋ค.
5. ์ ์์ฑ ๋ฑ์ ๋น์ฌ๋ ์ ํ๋ จ, ์์์์์ ์ญํ ์ ๊ตฌ๋ถํ์ธ์
ํธ์ฑ ์์
์ ์์ฑ ๋น์ฌ๋ + SSR [์ด๋ช ์ ๊ธธ] ํ๋ จ + SSR [๊ด์ ๋] ์์์์ + ์ ์ด ๋๋ฃ + ๋ณด์กฐ ๋๋ฃ
๋น์ฌ๋ ๊ฐ ๊ณต๊ฒฉํ๊ณ , ํ๋ จ์ด ๊ณต๊ฒฉ์ ์ง์ํ๋ฉฐ, ์์์์๊ฐ ํ๋ณต๊ณผ ๋ณดํธ๋ฅผ ๋ณด์ํ๋ ๋ฐฉํฅ์ ๋๋ค.
์์์์๋ ์ง์ ์น์ ์ ์๊ฐ ์น์ , ์ฝํ ํจ๊ณผ ์ ๊ฑฐ ๋ฑ ์๊ตฐ์ ์ ์ง๋ ฅ์ ๋๋ ๋๋ฃ์ ๋๋ค. ๋น์ฌ๋ ์ ์์์์๋ ์ ์์ฑ์ผ๋ก ์๊ฐ๋ ๋๋ฃ์ด๋ฏ๋ก, ๋ณด์ ํ๊ณ ์๋ค๋ฉด ์ ์์ฑ ํธ์ฑ์ ๊ตฌ์ฑํ ๋ ์ญํ ์ ๋๋ ๋ณผ ์ ์์ต๋๋ค.
์ด์ฉํ ๋๋ ๋น์ฌ๋ ๊ฐ ๊ณต๊ฒฉํ๊ธฐ ์ ์ ์ฐ๋ฌ์ง๋์ง๋ถํฐ ํ์ธํ์ธ์. ์์์ ๋ฒํธ ๋๋ฃ๊ฐ ๋ถ์กฑํ๋ค๋ฉด ๋๋ฌ๋ฅผ ์ถ๊ฐํ๊ธฐ๋ณด๋ค ์ ์ด์ ๋ณด์ํ๋ ํธ์ด ์ข์ต๋๋ค.
๋ น ์์ฑ ์ ์ ์๋ํ ๋ ์์ฑ ์ด์ ์ ๊ฒํ ํ ์ ์์ง๋ง, ์ฒญ ์์ฑ ์ ์ด ๊ฐํ๊ฒ ๋ฐฐ์น๋ ์ ํฌ์์๋ ๋ค๋ฅธ ํํฐ์ ๋น๊ตํด ๋ณด์ธ์.
6. ์ฒญยท๋ นยท์ ์์ฑ์ ํต์ฌ ๋๋ฃ๋ฅผ ์ ํ ๋ค ๋ ์๋ฆฌ๋ฅผ ๋ณด์ํ์ธ์
์ฒญ ์์ฑ ํธ์ฑ ์์
SSR ์ฟค ๋ + ์ฒญ ์์ฑ ์ ์ด ๋๋ฃ + SSR+ [์ด๋ช ์ ์ฝ๋ ๋ง๋ ] ์์ค + ๋ณดํธ ๋๋ฃ + ๋ณด์กฐ ๋๋ฌ
์ฟค ๋์ ๊ณต๊ฒฉ ํ๋ณด๋ก, ์์ค๋ฅผ ์ง์ ํ๋ณด๋ก ๊ฒํ ํ๋ ๊ตฌ์ฑ์ ๋๋ค. ์์ค๋ ์ฒญ ์์ฑ ์๊ตฐ ์์ ๋ฐ๋ผ ์ง์ ํจ๊ณผ๊ฐ ๋ฌ๋ผ์ง๋ฏ๋ก, ์ฒญ ์์ฑ ๋๋ฃ๋ฅผ ์ถ๊ฐํ์ ๋ ์ค์ ํจ๊ณผ๊ฐ ์ผ๋ง๋ ์ข์์ง๋์ง ํ์ธํ์ธ์. ์ฟค ๋์ ์ฒญ ์์ฑ ์์ด์์ด๋ฏ๋ก ์ง์ ํ ์์กด๊น์ง ์ดํด๋ด์ผ ํฉ๋๋ค. ํ๊ตญ๊ฒฝ์
๋ น ์์ฑ ํธ์ฑ ์์
๋ น ์์ฑ ์ฃผ๋ ฅ ๋๋ฌ + SSR+ [์น์ ์ ๋ถ๊ฝ] ์ฐ ์ดํ + SSR [ํํธ์ ์ ์] ์๋๋ฅด์ + ๊ณต๊ฒฉ ์ง์ ๋๋ฃ + ๋ณด์กฐ ๋๋ฃ
์น์ ์ ๋ถ๊ฝ ์ฐ ์ดํ๊ฐ ํ๋ณต๊ณผ ๋ณดํธ๋ฅผ, ํํธ์ ์ ์ ์๋๋ฅด์๊ฐ ์ ์ด ์ญํ ์ ๋งก๋ ๋ฐฉํฅ์ ๋๋ค. ๋ ๋๋ฃ๋ฅผ ๋ณด์ ํ๋ค๋ฉด ๊ณต๊ฒฉ ๋ด๋น์ ์ค์ฌ์ผ๋ก ๋๋จธ์ง ์๋ฆฌ๋ฅผ ์ฑ์๋ณด์ธ์. ์ฒญ ์์ฑ ์ ์ ์๋ํ ๋ ๊ฒํ ํ ์ ์๋ ํธ์ฑ์ ๋๋ค.
์ ์์ฑ ํธ์ฑ ์์
์ ์์ฑ ์ฃผ๋ ฅ ๋๋ฌ + SSR+ ์นด๋ผ์นด + ์ ์์ฑ ์ฟค ์๊ฒ๋ก ์๊ทธ๋์ค + ํ๋ณต ๋๋ฃ + ์ํฉ๋ณ ์ง์ ๋๋ฃ
์นด๋ผ์นด์ ์ ์ด ์ ์ง ๋ฅ๋ ฅ์ ํ์ฉํ๋ฉด์ ์ ์์ฑ ๋๋ฌ๊ฐ ๊ณต๊ฒฉํ ์๊ฐ์ ํ๋ณดํ๋ ๊ตฌ์ฑ์ ๋๋ค. ํ๋ณต ๋๋ฃ๊น์ง ์ต์ง๋ก ์ ์์ฑ์ผ๋ก ๋ง์ถ๊ธฐ๋ณด๋ค ํ์ฌ ๋ณด์ ํ ๋ณดํธ์ ํ๋ณต ์๋จ์ ๋น๊ตํ์ธ์.
ํฉ ์์ฑ ์ ์๊ฒ ๊ณต๊ฒฉ์ ์ผ๋ก ๋์ํ ์ ์์ง๋ง, ๋ฐ๋๋ก ๋ฐ๋ ํผํด๋ ์ฃผ์ํด์ผ ํฉ๋๋ค. ์ ์ด์ด ์์๊ฐ์ ๋ฌด๋์ง๋ค๋ฉด ์์ฑ ๋ณด๋์ค๋ณด๋ค ์์กด ์กฐ์ ์ด ๋จผ์ ์ ๋๋ค.
7. ์กฐํฉ์ ๋ฐ๊ฟ ๋๋ ํ ๋ฒ์ ํ ๊ฐ์ง์ฉ ๋น๊ตํ์ธ์
์ถ์ฒ ๋๋ฃ๋ฅผ ์ ๋ถ ๋ฃ์ด๋ ํ๊ณ๋ํ์ ์ฅ๋น, ๋ ๋ณผ๋ฃจ์ ์ํ๊ฐ ๋ค๋ฅด๋ฉด ๊ณต๋ต๊ณผ ๊ฐ์ ๊ฒฐ๊ณผ๊ฐ ๋์ค์ง ์์ ์ ์์ต๋๋ค.
๋ชจํ์์ ๋งํ๋ฉด ๋ค์ ์์๋ก ์ํํด ๋ณด์ธ์.
โ ์ฃผ๋ ฅ ๋๋ฌ๊ฐ ๊ฐ์ฅ ์ฑ์ฅํ ๋งํฌ์ ์๋์ง ํ์ธ
โก ๋๋ฌ์ ์ ์ด์ ์์น ๋ณ๊ฒฝ
โข ์ ์๊ฒ ๋ถ๋ฆฌํ ์์ฑ์ ๋๋ฃ ๊ต์ฒด
โฃ ํ๋ณต์ด๋ ๋ณดํธ ๋๋ฃ ํ ๋ช ์ถ๊ฐ
โค ์ ์ฉ์ฅ๋น์ ์๋๋ฌด๊ธฐ ํจ๊ณผ ์ ๊ฒ
๋ค์ฏ ๋ช ์ ํ๊บผ๋ฒ์ ๋ฐ๊พธ๋ฉด ๋ฌด์ ๋๋ฌธ์ ์ข์์ก๋์ง ํ์ ํ๊ธฐ ์ด๋ ต์ต๋๋ค. ์์น๋ง ๋ฐ๊ฟ๋ณด๊ณ , ๋ค์์๋ ์ง์ ๋๋ฃ๋ฅผ ๋ฐ๊พธ๋ ์์ผ๋ก ๋น๊ตํ์ธ์.
์ฌ๋ฌ ํํฐ๊ฐ ํ์ํ ๊ตฌ๊ฐ์์๋ ๊ฐ์ ์์น์ ์ ์ฉํ ์ ์์ต๋๋ค. ๊ฐ์ฅ ๊ฐํ ์ง์ ๋๋ฃ๋ฅผ ์ฒซ ํํฐ์ ๋ชฐ์๋ฃ๊ธฐ๋ณด๋ค, ์ฌ์ด ์๋๋ ์ ์ ์ง์์ผ๋ก ์ฒ๋ฆฌํ๊ณ ์ด๋ ค์ด ์๋์๊ฒ ํต์ฌ ๋ณดํธ ๋๋ฃ๋ฅผ ๋ฐฐ๋ถํ์ธ์.
์ ์ ๋งํฌ ์ก์ฑ์ ์ฃผ๋ ฅ ๋๋ฌ์ ๊ณต๊ฒฉ ๊ธฐํ๋ฅผ ํ๋ณดํ๋ ๋ฐฉํฅ, ์์ฑ ๋ฑ์ ์์ฑ๊ณผ ํ์ํ ์ญํ ์ ํจ๊ป ๋ง์ถ๋ ๋ฐฉํฅ์ผ๋ก ํ๋จํ๋ฉด ํฌ์์ ๊ต์ฒด ๊ธฐ์ค์ ์ก๊ธฐ ์ฝ์ต๋๋ค.
์ด ๊ธ์ ์ด๋ฐ ๋ชจํ์ ๊ธฐ์ค์ผ๋ก ์ ์ ๋งํฌ์ ์ฌ๋ฃ๋ฅผ ๋ฐฐ๋ถํ๋ ๋ฐฉ๋ฒ๊ณผ ์์ฑ๋ณ ํธ์ฑ ๋ฐฉํฅ์ ์ ๋ฆฌํ ๊ณต๋ต์ ๋๋ค. ์๋ ์กฐํฉ์ ๋ณด์ ๋๋ฃ๋ก ๊ตฌ์ฑํด ๋ณผ ์ ์๋ ์์์ด๋ฉฐ, ํ๊ณ๋ํ์ ์ฅ๋น ์ํ์ ๋ฐ๋ผ ๊ต์ฒด๊ฐ ํ์ํฉ๋๋ค.
1. ์ ์ ๋งํฌ๋ ์ฃผ๋ ฅ ๋๋ฌ๊ฐ ๋ค์ด๊ฐ ์๋ฆฌ๋ถํฐ ์ฌ๋ฆฌ์ธ์
์ ์ ๋งํฌ๋ ๋๋ฃ ๊ฐ์ธ์ด ์๋๋ผ ๋ฐฐ์น ์ฌ๋กฏ์ ๋ ๋ฒจ๊ณผ ๋ฑ๊ธ์ ์ฑ์ฅ์ํค๋ ์์คํ ์ ๋๋ค. ์ฑ์ฅํ ์ฌ๋กฏ์ ๋ค๋ฅธ ๋๋ฃ๋ฅผ ๋ฃ์ผ๋ฉด ๊ทธ ์ฌ๋กฏ์ ์ฑ์ฅ ์ํ๋ฅผ ์ ์ฉ๋ฐ์ต๋๋ค.
์ด๋ฐ์๋ ๋ค์ ์์๋ก ์ฌ๋ฃ๋ฅผ ๋ฐฐ๋ถํด ๋ณด์ธ์.
โ ๋ชจํ์ ๋งก๊ธธ ์ฃผ๋ ฅ ๋๋ฌ ๊ฒฐ์
โก ํด๋น ๋๋ฌ๊ฐ ๋ค์ด๊ฐ ๋งํฌ ์ฌ๋กฏ ์ฐ์ ์ฑ์ฅ
โข ๋๋จธ์ง ์ฌ๋กฏ์ ๋ค์ ์ฑ์ฅ ์กฐ๊ฑด์ ๋ง์ถฐ ๋ณด์
โฃ ์ ์ด์ด ๋ฒํฐ์ง ๋ชปํ๋ฉด ์ ์ด ์ฌ๋กฏ์ ์ถ๊ฐ ํฌ์
์๋ฅผ ๋ค์ด ๋ค ์ฌ๋กฏ์ด 100๋ ๋ฒจ์ด๊ณ ์ฃผ๋ ฅ ์ฌ๋กฏ์ 120๋ ๋ฒจ๊น์ง ์ฌ๋ฆด ์ ์๋ค๋ฉด, ๋๋ฌ์๊ฒ ๋์ ์ฌ๋กฏ์ ์ฃผ๋ ์์ ๋๋ค. ์ด ์ซ์๋ ๋ฐฐ๋ถ ๋ฐฉ์์ ์ค๋ช ํ๊ธฐ ์ํ ์์๋ก, ์ค์ ์ฑ์ฅ์ ํ๋ฉด์ ํ์๋๋ ๋ ๋ฒจ๊ณผ ๋ฑ๊ธ ์ ํ์ ๋ฐ๋ผ์ผ ํฉ๋๋ค.
๊ณต์ ๊ฐ์ด๋์์๋ ๋งํฌ ์ฌ์ด์ ๋ฑ๊ธ ์ฐจ์ด์ ์ ํ์ด ์๊ณ , ์ด๊ธฐ ์ฑ์ฅ ์๋ฃ ํ์๋ ์ต๊ณ ์ ์ต์ ๋งํฌ์ ๋ ๋ฒจ ์ฐจ์ด๊ฐ 20์ ๋์ผ๋ฉด ์ฑ์ฅ์ด ์ ํ๋๋ค๊ณ ์๋ดํฉ๋๋ค. ํ ์ฌ๋กฏ๋ง ๋์์ด ์ฌ๋ฆด ์ ์๋ ๊ตฌ์กฐ๋ ์๋๋๋ค.
2. ๋๋ฌ ์ฐ์ ํฌ์์ ์ ์ด ๋ณด์์ ์คํจ ์์ธ์ผ๋ก ๊ตฌ๋ถํ์ธ์
๊ฐ์ ํจ๋ฐฐ๋ผ๋ ์ด๋ ์ฌ๋กฏ์ ์ฌ๋ ค์ผ ํ๋์ง๋ ๋ค๋ฆ ๋๋ค.
์ ์ ์ฒ์นํ์ง ๋ชปํ๊ณ ์๊ฐ์ด ๋๋๋ค๋ฉด
์ฃผ๋ ฅ ๋๋ฌ ์ฌ๋กฏ๊ณผ ๋๋ฃ์ ํ๊ณ๋ํ, ์ ์ฉ์ฅ๋น๋ฅผ ๋จผ์ ํ์ธํ์ธ์. ๋๋ฌ๊ฐ ์ถฉ๋ถํ ๊ณต๊ฒฉํ๋๋ฐ๋ ํผํด๊ฐ ๋ถ์กฑํ์ง ์ดํด๋ณด๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
๋๋ฌ๊ฐ ๊ณต๊ฒฉํ๊ธฐ ์ ์ ์ ์ด์ด ๋ฌด๋์ง๋ค๋ฉด
๋๋ฌ ์ฌ๋กฏ๋ง ์ฌ๋ฆฌ๊ธฐ๋ณด๋ค ์ ์ด์ ๋งํฌ์ ๋ณดํธ ์๋จ์ ๋ณด์ํ์ธ์. ํ๋ณต ๋ด๋น์ด ํ์ด๊ธฐ๋ฅผ ์ฌ์ฉํ๊ธฐ ์ ์ ์ ํฌ๊ฐ ๋๋๋์ง๋ ํ์ธํฉ๋๋ค.
ํน์ ๋๋ฃ๋ง ์ ํฌ ์์ ์งํ ์ฐ๋ฌ์ง๋ค๋ฉด
์ก์ฑ๋ณด๋ค ๋ฐฐ์น ๋ฌธ์ ์ผ ์ ์์ต๋๋ค. ํด๋น ๋๋ฃ๋ฅผ ๋ค๋ฅธ ์ฌ๋กฏ์ผ๋ก ์ฎ๊ฒจ ์ ์ ์ฒซ ๊ณต๊ฒฉ ๋์์ด ๋ฐ๋๋์ง ์ํํด ๋ณด์ธ์.
์ฃผ๋ ฅ ๋๋ฌ๊ฐ ์ค๋ ๊ณต๊ฒฉํ ์ ์๋ ์ํ๋ฅผ ๋ง๋ ๋ค ๊ณต๊ฒฉ ๋ฅ๋ ฅ์ ๋์ด๋ ๊ฒ์ด ํต์ฌ์ ๋๋ค.
3. ์์ฑ ์์ฑ์ ์ ยท๋ นยท์ฒญ๊ณผ ํฉยท์๋ฅผ ๋๋ ๊ธฐ์ตํ์ธ์
๊ธฐ๋ณธ ์์ฑ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
- ์ ์์ฑ์ ๋ น ์์ฑ์ ์ ๋ฆฌ
- ๋ น ์์ฑ์ ์ฒญ ์์ฑ์ ์ ๋ฆฌ
- ์ฒญ ์์ฑ์ ์ ์์ฑ์ ์ ๋ฆฌ
- ํฉ ์์ฑ๊ณผ ์ ์์ฑ์ ์๋ก๋ฅผ ๊ณต๊ฒฉํ ๋ ์ ๋ฆฌ
ํฉ๊ณผ ์๋ ์๋ก ๊ณต๊ฒฉ์ ์ ๋ฆฌํ๋ฏ๋ก, ํฉ ์์ฑ์ ํธ์ฑํ๋ค๊ณ ์ ์์ฑ ์ ์๊ฒ ์์ ํ ๊ฒ์ ์๋๋๋ค. ๊ณต๊ฒฉ๊ณผ ์์กด์ ํจ๊ป ๊ณ ๋ คํด์ผ ํฉ๋๋ค.
๋ชจํ์์๋ ์ ์ ์ฒด์ ์์๋ง ๋ณด์ง ๋ง๊ณ ์ฐ๋ฆฌ ๋๋ฌ๊ฐ ์ฃผ๋ก ๊ณต๊ฒฉํ๋ ๋์๊ณผ ์ ์ด์ด ์๋ํ ์ ์ ํ์ธํ์ธ์. ์ ๋๋ฌ ํ ๋ช ์ ๋น ๋ฅด๊ฒ ์ฒ๋ฆฌํ๋ ํธ์ด ์ ์ฒด ์์ฑ์ ํต์ผํ๋ ๊ฒ๋ณด๋ค ์ ๋ฆฌํ ์๋ ์์ต๋๋ค.
๊ฐ์ ์์ฑ ํธ์ฑ ๋ณด๋์ค๋ ํ์ธํ๋, ๋ณด๋์ค ์ซ์๋ฅผ ๋ง์ถ๊ธฐ ์ํด ํ์ํ ํ๋ณต์ด๋ ๋ณดํธ ์ญํ ์ ๋นผ์ง๋ ๋ง์ธ์.
4. ํฉ ์์ฑ ๋ฑ์ ๊ณต๊ฒฉ ๋ด๋น๊ณผ ๋ณดํธ ๋ด๋น์ ํจ๊ป ๊ตฌ์ฑํ์ธ์
ํธ์ฑ ์์
SSR ์ฐ ์ดํ + SSR ์ค๋ฌผ๋ค์ฏ ๋ฒ์งธ ๋ฐค + SSR+ ์๋ฐ + ์ ์ด ๋๋ฃ + ์ํฉ๋ณ ์ง์ ๋๋ฃ
ํฉ ์์ฑ์ SSR ์ฐ ์ดํ๋ฅผ ๊ณต๊ฒฉ ๋ด๋น์ผ๋ก ์ฌ์ฉํ๊ณ , ๋ฐค์ ์ง์๊ณผ ์๋ฐ์ ์์กด ๋ณด์กฐ๋ฅผ ๋ถ์ฌ๋ณด๋ ๊ตฌ์ฑ์ ๋๋ค. ๋จ์ ๋ ์๋ฆฌ์๋ ์ ์ ๊ณต๊ฒฉ์ ๋ฐ์๋ผ ๋๋ฃ์ ๋ถ์กฑํ ๊ธฐ๋ฅ์ ๋ฃ์ต๋๋ค.
๋ค๋ง SSR ์ฐ ์ดํ๋ฅผ ์๋ก ์ง์ค ์ก์ฑํ๋ผ๋ ์๋ฏธ๋ ์๋๋๋ค. ์ด๋ฏธ ์ ํค์ด ๋ค๋ฅธ ๋๋ฌ๊ฐ ์๋ค๋ฉด ๊ทธ ๋๋ฌ๋ฅผ ์ค์ฌ์ผ๋ก ์ง์ ์ญํ ์ ๋ง์ถ๋ ํธ์ด ๋ซ์ต๋๋ค.
ํนํ ์ฐ ์ดํ๋ ๋ฒ์ ์ ๊ตฌ๋ถํด์ผ ํฉ๋๋ค.
- ํฉ ์์ฑ SSR ์ฐ ์ดํ: ๊ณต๊ฒฉ ๋ด๋น์ผ๋ก ๊ฒํ
- ๋ น ์์ฑ SSR+ [์น์ ์ ๋ถ๊ฝ] ์ฐ ์ดํ: ํ๋ณต๊ณผ ๋ณดํธ ๋ด๋น์ผ๋ก ๊ฒํ
๋ ๋๋ฃ๋ ์ด๋ฆ์ด ๊ฐ์๋ ์ญํ ๊ณผ ์์ฑ์ด ๋ค๋ฆ ๋๋ค.
5. ์ ์์ฑ ๋ฑ์ ๋น์ฌ๋ ์ ํ๋ จ, ์์์์์ ์ญํ ์ ๊ตฌ๋ถํ์ธ์
ํธ์ฑ ์์
์ ์์ฑ ๋น์ฌ๋ + SSR [์ด๋ช ์ ๊ธธ] ํ๋ จ + SSR [๊ด์ ๋] ์์์์ + ์ ์ด ๋๋ฃ + ๋ณด์กฐ ๋๋ฃ
๋น์ฌ๋ ๊ฐ ๊ณต๊ฒฉํ๊ณ , ํ๋ จ์ด ๊ณต๊ฒฉ์ ์ง์ํ๋ฉฐ, ์์์์๊ฐ ํ๋ณต๊ณผ ๋ณดํธ๋ฅผ ๋ณด์ํ๋ ๋ฐฉํฅ์ ๋๋ค.
์์์์๋ ์ง์ ์น์ ์ ์๊ฐ ์น์ , ์ฝํ ํจ๊ณผ ์ ๊ฑฐ ๋ฑ ์๊ตฐ์ ์ ์ง๋ ฅ์ ๋๋ ๋๋ฃ์ ๋๋ค. ๋น์ฌ๋ ์ ์์์์๋ ์ ์์ฑ์ผ๋ก ์๊ฐ๋ ๋๋ฃ์ด๋ฏ๋ก, ๋ณด์ ํ๊ณ ์๋ค๋ฉด ์ ์์ฑ ํธ์ฑ์ ๊ตฌ์ฑํ ๋ ์ญํ ์ ๋๋ ๋ณผ ์ ์์ต๋๋ค.
์ด์ฉํ ๋๋ ๋น์ฌ๋ ๊ฐ ๊ณต๊ฒฉํ๊ธฐ ์ ์ ์ฐ๋ฌ์ง๋์ง๋ถํฐ ํ์ธํ์ธ์. ์์์ ๋ฒํธ ๋๋ฃ๊ฐ ๋ถ์กฑํ๋ค๋ฉด ๋๋ฌ๋ฅผ ์ถ๊ฐํ๊ธฐ๋ณด๋ค ์ ์ด์ ๋ณด์ํ๋ ํธ์ด ์ข์ต๋๋ค.
๋ น ์์ฑ ์ ์ ์๋ํ ๋ ์์ฑ ์ด์ ์ ๊ฒํ ํ ์ ์์ง๋ง, ์ฒญ ์์ฑ ์ ์ด ๊ฐํ๊ฒ ๋ฐฐ์น๋ ์ ํฌ์์๋ ๋ค๋ฅธ ํํฐ์ ๋น๊ตํด ๋ณด์ธ์.
6. ์ฒญยท๋ นยท์ ์์ฑ์ ํต์ฌ ๋๋ฃ๋ฅผ ์ ํ ๋ค ๋ ์๋ฆฌ๋ฅผ ๋ณด์ํ์ธ์
์ฒญ ์์ฑ ํธ์ฑ ์์
SSR ์ฟค ๋ + ์ฒญ ์์ฑ ์ ์ด ๋๋ฃ + SSR+ [์ด๋ช ์ ์ฝ๋ ๋ง๋ ] ์์ค + ๋ณดํธ ๋๋ฃ + ๋ณด์กฐ ๋๋ฌ
์ฟค ๋์ ๊ณต๊ฒฉ ํ๋ณด๋ก, ์์ค๋ฅผ ์ง์ ํ๋ณด๋ก ๊ฒํ ํ๋ ๊ตฌ์ฑ์ ๋๋ค. ์์ค๋ ์ฒญ ์์ฑ ์๊ตฐ ์์ ๋ฐ๋ผ ์ง์ ํจ๊ณผ๊ฐ ๋ฌ๋ผ์ง๋ฏ๋ก, ์ฒญ ์์ฑ ๋๋ฃ๋ฅผ ์ถ๊ฐํ์ ๋ ์ค์ ํจ๊ณผ๊ฐ ์ผ๋ง๋ ์ข์์ง๋์ง ํ์ธํ์ธ์. ์ฟค ๋์ ์ฒญ ์์ฑ ์์ด์์ด๋ฏ๋ก ์ง์ ํ ์์กด๊น์ง ์ดํด๋ด์ผ ํฉ๋๋ค. ํ๊ตญ๊ฒฝ์
๋ น ์์ฑ ํธ์ฑ ์์
๋ น ์์ฑ ์ฃผ๋ ฅ ๋๋ฌ + SSR+ [์น์ ์ ๋ถ๊ฝ] ์ฐ ์ดํ + SSR [ํํธ์ ์ ์] ์๋๋ฅด์ + ๊ณต๊ฒฉ ์ง์ ๋๋ฃ + ๋ณด์กฐ ๋๋ฃ
์น์ ์ ๋ถ๊ฝ ์ฐ ์ดํ๊ฐ ํ๋ณต๊ณผ ๋ณดํธ๋ฅผ, ํํธ์ ์ ์ ์๋๋ฅด์๊ฐ ์ ์ด ์ญํ ์ ๋งก๋ ๋ฐฉํฅ์ ๋๋ค. ๋ ๋๋ฃ๋ฅผ ๋ณด์ ํ๋ค๋ฉด ๊ณต๊ฒฉ ๋ด๋น์ ์ค์ฌ์ผ๋ก ๋๋จธ์ง ์๋ฆฌ๋ฅผ ์ฑ์๋ณด์ธ์. ์ฒญ ์์ฑ ์ ์ ์๋ํ ๋ ๊ฒํ ํ ์ ์๋ ํธ์ฑ์ ๋๋ค.
์ ์์ฑ ํธ์ฑ ์์
์ ์์ฑ ์ฃผ๋ ฅ ๋๋ฌ + SSR+ ์นด๋ผ์นด + ์ ์์ฑ ์ฟค ์๊ฒ๋ก ์๊ทธ๋์ค + ํ๋ณต ๋๋ฃ + ์ํฉ๋ณ ์ง์ ๋๋ฃ
์นด๋ผ์นด์ ์ ์ด ์ ์ง ๋ฅ๋ ฅ์ ํ์ฉํ๋ฉด์ ์ ์์ฑ ๋๋ฌ๊ฐ ๊ณต๊ฒฉํ ์๊ฐ์ ํ๋ณดํ๋ ๊ตฌ์ฑ์ ๋๋ค. ํ๋ณต ๋๋ฃ๊น์ง ์ต์ง๋ก ์ ์์ฑ์ผ๋ก ๋ง์ถ๊ธฐ๋ณด๋ค ํ์ฌ ๋ณด์ ํ ๋ณดํธ์ ํ๋ณต ์๋จ์ ๋น๊ตํ์ธ์.
ํฉ ์์ฑ ์ ์๊ฒ ๊ณต๊ฒฉ์ ์ผ๋ก ๋์ํ ์ ์์ง๋ง, ๋ฐ๋๋ก ๋ฐ๋ ํผํด๋ ์ฃผ์ํด์ผ ํฉ๋๋ค. ์ ์ด์ด ์์๊ฐ์ ๋ฌด๋์ง๋ค๋ฉด ์์ฑ ๋ณด๋์ค๋ณด๋ค ์์กด ์กฐ์ ์ด ๋จผ์ ์ ๋๋ค.
7. ์กฐํฉ์ ๋ฐ๊ฟ ๋๋ ํ ๋ฒ์ ํ ๊ฐ์ง์ฉ ๋น๊ตํ์ธ์
์ถ์ฒ ๋๋ฃ๋ฅผ ์ ๋ถ ๋ฃ์ด๋ ํ๊ณ๋ํ์ ์ฅ๋น, ๋ ๋ณผ๋ฃจ์ ์ํ๊ฐ ๋ค๋ฅด๋ฉด ๊ณต๋ต๊ณผ ๊ฐ์ ๊ฒฐ๊ณผ๊ฐ ๋์ค์ง ์์ ์ ์์ต๋๋ค.
๋ชจํ์์ ๋งํ๋ฉด ๋ค์ ์์๋ก ์ํํด ๋ณด์ธ์.
โ ์ฃผ๋ ฅ ๋๋ฌ๊ฐ ๊ฐ์ฅ ์ฑ์ฅํ ๋งํฌ์ ์๋์ง ํ์ธ
โก ๋๋ฌ์ ์ ์ด์ ์์น ๋ณ๊ฒฝ
โข ์ ์๊ฒ ๋ถ๋ฆฌํ ์์ฑ์ ๋๋ฃ ๊ต์ฒด
โฃ ํ๋ณต์ด๋ ๋ณดํธ ๋๋ฃ ํ ๋ช ์ถ๊ฐ
โค ์ ์ฉ์ฅ๋น์ ์๋๋ฌด๊ธฐ ํจ๊ณผ ์ ๊ฒ
๋ค์ฏ ๋ช ์ ํ๊บผ๋ฒ์ ๋ฐ๊พธ๋ฉด ๋ฌด์ ๋๋ฌธ์ ์ข์์ก๋์ง ํ์ ํ๊ธฐ ์ด๋ ต์ต๋๋ค. ์์น๋ง ๋ฐ๊ฟ๋ณด๊ณ , ๋ค์์๋ ์ง์ ๋๋ฃ๋ฅผ ๋ฐ๊พธ๋ ์์ผ๋ก ๋น๊ตํ์ธ์.
์ฌ๋ฌ ํํฐ๊ฐ ํ์ํ ๊ตฌ๊ฐ์์๋ ๊ฐ์ ์์น์ ์ ์ฉํ ์ ์์ต๋๋ค. ๊ฐ์ฅ ๊ฐํ ์ง์ ๋๋ฃ๋ฅผ ์ฒซ ํํฐ์ ๋ชฐ์๋ฃ๊ธฐ๋ณด๋ค, ์ฌ์ด ์๋๋ ์ ์ ์ง์์ผ๋ก ์ฒ๋ฆฌํ๊ณ ์ด๋ ค์ด ์๋์๊ฒ ํต์ฌ ๋ณดํธ ๋๋ฃ๋ฅผ ๋ฐฐ๋ถํ์ธ์.
์ ์ ๋งํฌ ์ก์ฑ์ ์ฃผ๋ ฅ ๋๋ฌ์ ๊ณต๊ฒฉ ๊ธฐํ๋ฅผ ํ๋ณดํ๋ ๋ฐฉํฅ, ์์ฑ ๋ฑ์ ์์ฑ๊ณผ ํ์ํ ์ญํ ์ ํจ๊ป ๋ง์ถ๋ ๋ฐฉํฅ์ผ๋ก ํ๋จํ๋ฉด ํฌ์์ ๊ต์ฒด ๊ธฐ์ค์ ์ก๊ธฐ ์ฝ์ต๋๋ค.