๐ค TIL(Today I Learned)
TIL(6/7)
Seungjae Lee
2021. 6. 7. 16:32
๐ป ์ค๋ ํ ์ผ
- React SPA(Single-Page Application) ๊ฐ๋
๊ณต๋ถ
Single-Page Application :
SPA๋ ์๋ฒ๋ก๋ถํฐ ์์ ํ ์๋ก์ด ํ์ด์ง๋ฅผ ๋ถ๋ฌ์ค๋ ๊ฒ์ด ์๋๋ผ, ํ๋ฉด์ ์ ๋ฐ์ดํธํ๊ธฐ ์ํด ํ์ํ ๋ฐ์ดํฐ๋ง ์๋ฒ์์ ์ ๋ฌ๋ฐ์ ๋ธ๋ผ์ฐ์ ์์ ํด๋นํ๋ ๋ถ๋ถ๋ง ์ ๋ฐ์ดํธํ๋ ๋ฐฉ์์ผ๋ก ์๋ํ๋ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ด๋ ์น ์ฌ์ดํธ๋ฅผ ๋งํฉ๋๋ค. - ์์ด์ดํ๋ ์๊ณผ ๋ชฉ์ ๊ฐ๋ ๊ณต๋ถ
- React์์ npm์ผ๋ก React Router DOM์ ์ค์น(npm install react-router-dom)ํ๊ณ ์ฌ์ฉ
- React Router DOM๋ฅผ ์ด์ฉํ์ฌ SPA๋ฅผ ๊ตฌํ
๐ค ์ค๋ ๋ฐฐ์ด ๊ฒ
- React Router DOM๋ฅผ ์ฌ์ฉํด์ SPA๋ฅผ ๊ตฌํํด๋ณด๋ ๋ณด๊ธฐ์ ๊ทธ๋ด์ธํ ์นํ์ด์ง๋ฅผ ๋ง๋ค์ด ๋ณผ ์ ์์ด์
๋ฌด์ฒ ๋ฟ๋ฏํ๊ณ ์์ ๊ฐ๋ ๋ฟ๋ฟ ์๊ธด๋ค! ใ - ํ ์ผ์ด ๋ฐ๋ฆฌ๋ ํ ์๋๊ฐ ์๋๋ค, ๋ด์ผ ํด์ผ์ง ํด๋ ์ด์ฐจํผ ๋ด์ผ ์ํ๋๊น ๊ทธ๋ฅ ์ค๋ ํด!
โ ๋ด์ผ ํด์ผ ํ ๊ฒ
- ํ๋ฃจ ๋ณต์ต ๊ผญ๊ผญ !
- ๋ชจ๋์๋ฐ์คํฌ๋ฆฝํธ ์ฒดํฌํด๋ ์ฑํฐ ๊ณต๋ถํ๊ธฐ