์ ๋ง ์ค๋๋ง์ TIL์ ์ฐ๊ฒ ๋๋ค... ์ฌ์ค ๋ชป์ด์ง ์ดํ๋ฐ์ ์๋์ง๋ง ๋งค์ผ ์ฐ๋ ๋์๊ฒ ์ดํ์ ๋งค์ฐ ๊ธธ๋คใ
ใ
ใ
์ค๋๋ถํฐ ๋
ธ์
ํด๋ก ์ฝ๋ฉ์ ๋ค์ด๊ฐ๋ฉด์ ํ์์ผ๊น์ง TodoList ๊ณผ์ ๋ฅผ ๋๋ด๊ธฐ ์ํด ๊ณ์ ๊ณผ์ ์ ๋ชฐ์
ํ๋๋ ๊ฒฐ๊ตญ TIL์ด ํ์์๋ก ๋ฐ๋ฆฌ๊ฒ ๋์๋ค.... ํ๊ณ ์ ๋ ์๋
์งง์ ์๊ฐ ์์ ๋ชจ๋ ๊ฑธ ์ดํดํ๊ณ ์ํํ๋ ค๋ค๋ณด๋ ์ด๋ฒ์ฃผ๋ ๋๊ฒ ์ข์ ์ ๋ง์ด ํ๋ ๊ฒ ๊ฐ๋ค...๊ทธ๋์ ์ค๋์ ์ข ๋ง์์ ๋ค์ก๊ณ ๊ธฐ๋ถ๋ ํ๊ธฐ์ํค๊ธฐ ์ํด TIL ์์ฑ ์๊ฐ์ ๊ผญ ๊ฐ์ ธ์ผ๊ฒ ๋ค๊ณ ์๊ฐํ๋ค. ๐ข
1. SPA (Single Page Application)
- hashbang
- history API
์ค๋์ ๊ฐ์๋ฅผ ๋ง์ด ๋ฃ์ง ๋ชปํ ๊ด๊ณ๋ก,,,SPA๋ฅผ ๊ฐ๋ณ๊ฒ ํํค์ณ๋ณด์!
๋จ์ผ ํ์ด์ง๋ก ๊ตฌ์ฑ๋ ์น ์ ํ๋ฆฌ์ผ์ด์
- ์น์ ํ๋ฆฌ์ผ์ด์ ์ ํ์ํ
๋ชจ๋ ์ ์ ๋ฆฌ์์ค๋ฅผ ์ต์ด์ ํ๋ฒ ๋ค์ด๋ก๋
- ์๋ก์ด ํ์ด์ง ์์ฒญ ์ ํ์ด์ง ๊ฐฑ์ ์
ํ์ํ ๋ฐ์ดํฐ๋ง์ ์ ๋ฌ๋ฐ์ ํ์ด์ง ๊ฐฑ์
์ค๋ณต ์์ฒญ ๋ฐฉ์ง
ํฅ์๋ ์ฌ์ฉ์ ๊ฒฝํ
๊ตฌํ ๊ฐ๋ฅ์ด๊ธฐ ๊ตฌ๋ ์๋
๊ฐ ๋๋ฆด ์ ์์history ๊ด๋ฆฌ์ ์ด๋ ค์
SEO(๊ฒ์ ์์ง ์ต์ ํ)๊ฐ ์ด๋ ค์
SPA ๋ฐฉ์์ธ hashbang๊ณผ history api์ ๋ํ ๋ณต์ต์ด ํ์ํ ๊ฒ ๊ฐ๋ค.
SPA ๋ฐฉ์์ ์ดํดํ์ง๋ง, ๋์ ์ฐจ์ด๊ฐ ์ ํํ ๋ฌด์์ด๊ณ ์ด๋ป๊ฒ ์ฌ์ฉํ๋์ง ๊ฐ์๋ฅผ ๋ค์ ๋ณด๊ณ ์ ๋ฆฌํด์ผํจ์ ๋๊ผ๋ค.
๋ํ ๋กํ ๋์ ์ธ์
์์ ๋ฐฐ์ ๋ SSR, CSR, SSG, ISR์ ๋ํ ๊ฐ๋
๋ ํ์คํ ์ง๊ณ ๋์ด๊ฐ์ผ๊ฒ ๋ค...
๊ณต๋ถํ ๊ฐ๋
๋ค์ ๋๋ฌด ๋ง๊ณ ๋์ ๋ชธ๊ณผ ์๊ฐ์ ๊ทธ๊ฑธ ๋ฐ๋ผ๊ฐ์ง ๋ชปํ๋ ์ํฉ์์ ์ค๋ ์ข์ ๊ฐ์ด ํฐ ๊ฒ ๊ฐ๋ค. ๊ทธ๋์ ์ข ๋ง์์ด ๊ธํด์ง๋ ๊ฒ ๊ฐ๋ค.
๋๋ฌด ์กฐ๊ธํดํ์ง๋ง๊ณ ์ง๊ธ ๊ฐ์ง ๋์ ์๊ฐ์ ํจ์จ์ ์ผ๋ก ์ฐ๋ ๊ฒ์ ์ง์คํด์ผ๊ฒ ๋ค.
์๊ฐ์ด ๋ง์์ง๋ ๋ฐค์ด๋ค...๐