๐ป๊ฐ๋ฐ/React
-
๊ฐ๋ฐ ๋ชจ๋์์ API ์์ฒญํ ๋ ํ๋ก์ ์ค์ ํ๊ธฐ Proxying API Requests in Development๐ป๊ฐ๋ฐ/React 2023. 7. 11. 13:48
Proxying API Requests in Development | Create React App Note: this feature is available with react-scripts@0.2.3 and higher. create-react-app.dev * ์ฐธ๊ณ : ์ด ๊ธฐ๋ฅ์ react-scripts@0.2.3 ์ด์์์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ฌ๋๋ค์ ์ข ์ข ๋ฐฑ์๋ ๊ตฌํ๊ณผ ๋์ผํ ํธ์คํธ ๋ฐ ํฌํธ์์ ํ๋ฐํธ ์๋ React ์ฑ์ ์ ๊ณตํฉ๋๋ค. ์๋ฅผ ๋ค์ด ์ฑ์ด ๋ฐฐํฌ๋ ํ ํ๋ก๋์ ์ค์ ์ ๋ค์๊ณผ ๊ฐ์ ์ ์์ต๋๋ค. / - static server returns index.html with React app /todos - static server returns index.html with React app /..
-
์ฝ๋ ์คํ๋ฆฌํ Code Splitting & ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง Server Side Rendering๐ป๊ฐ๋ฐ/React 2023. 7. 3. 14:19
์ฝ๋ ์คํ๋ฆฌํ ์ปดํฌ๋ํธ๋ฅผ ๋ถ๋ฆฌ๋ ํ์ผ๋ก ์ ์ฅํ๋ ๊ฒ ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง X: React.lazy Suspense๋ก ๊ตฌํ ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง O: Loadable Components ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ ๊ถ์ฅ ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง ๋จ์ : ์น ๋ธ๋ผ์ฐ์ ์ผ์ ์๋ฒ๊ฐ ๋์ ์ฌ์ฉํ๋ ์๋ฒ ๋ฆฌ์์ค ์ฌ์ฉ๋จ → ๋์์ ๋ง์ ์ฌ์ฉ์ ์ ์ํ๋ฉด ์๋ฒ ๊ณผ๋ถํ ๋ฐ์ ๊ฐ๋ฅ์ฑ ์์ ๋ณด์: ์ฌ์ฉ์๊ฐ ๋ง์ ๊ฒฝ์ฐ ์บ์ฑ๊ณผ ๋ก๋ ๋ฐธ๋ฐ์ฑ์ ํตํด ์ฑ๋ฅ ์ต์ ํ ํ์ ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง๊ณผ ์ฝ๋ ์คํ๋ฆฌํ ํจ๊ป ์ฌ์ฉ์ ์ถฉ๋์ด ์์(์ฝ๋ ์คํ๋ฆฌํ ๊น๋นก์ ํ์) ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง๋ ๊ฒฐ๊ณผ๋ฌผ์ด ๋ธ๋ผ์ฐ์ ์ ๋ํ๋จ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ผ ๋ก๋ฉ ์์ ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ์คํ๋๋ฉด์ ์์ง ๋ถ๋ฌ์ค์ง ์์ ์ปดํฌ๋ํธ๋ฅผ null๋ก ๋ ๋๋งํจ ํ์ด์ง์ ์ฝ๋ ์คํ๋ฆฌํ ๋ ์ปดํฌ๋ํธ๋ค ์ฌ๋ผ์ง ์ฝ๋ ..
-