โ ํ๋ก์ ํธ ํ์ดํ ๋ณ๊ฒฝ
- public ํด๋ ์์
index.html - ๊ธฐ์กด HTML ํ์ดํ ๋ณ๊ฒฝ๊ณผ ๋์ผํ๊ฒ
titleํ๊ทธ ์์
โ description ์์
<meta
name="description"
content="Web site created using create-react-app"
/>content์์
โ ์ธ์ด ์ค์
<html lang="ko">- ํ๊ตญ์ด : ko
- ์์ด : en
ํ์ด์ง ๋ง๋ค ํ์ดํ ๋ณ๊ฒฝํ๊ธฐ
โ ๋ฆฌ์คํธ๋ฅผ ์ค๋ช ํ๋ ํ์ด์ง์ธ ๊ฒฝ์ฐ
// ํ์ดํ ๋ณ๊ฒฝ
useEffect(() => {
const titleElement = document.querySelector('title');
titleElement.innerHTML = `๊ฐ์ ์ผ๊ธฐ์ฅ - ${id}๋ฒ ์ผ๊ธฐ`;
}, []);
โ ๋น๋
package.jsonํ์ผ์ script ๋ถ๋ถ์build๊ฐ ์์ต๋๋ค.- ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ๊ฒ ๋๋ฉด, ๋ฐฐํฌ ํ ์ ์๋ ์์ถ๋ ํ์ผ์ ์ป์ ์ ์์ต๋๋ค.
- ๋ช
๋ น์ด๋ฅผ ์
๋ ฅํด์ ์ฑ๊ณต์ ์ผ๋ก ์ค๋น๊ฐ ๋๋ฉด, The build folder is ready to be deployed. ์ ๊ฐ์ ๋ฉ์์ง๊ฐ ๋์ต๋๋ค.
โ serve -s build
- ์์ ๋ช
๋ ์ด๋ฅผ ํตํด ๋ฐฐํฌ๋ฅผ ํ ์ ์์ต๋๋ค.
- On Your Network : ๋ ๋์ ๊ฐ์ ๊ณต์ ๊ธฐ๋ฅผ ์ฌ์ฉํ๋ ์ฌ๋๋ค์ด ์ ์ ํ ์ ์๋ ์ฃผ์
serve ๋ช ๋ น์ด๊ฐ ์ค์น ๋์ด์์ง ์์ ๊ฒฝ์ฐ โ
npm install -g serve ์
๋ ฅ
๋น๋ ํ ์๋ฌ๊ฐ ๋ฐ์ํ๊ฑฐ๋, ์์ ํ๊ณ ์ถ์ ๊ฒฝ์ฐ โ
- ์ฝ๋ ์์ ํ ์ ์ฅ
- ํฐ๋ฏธ๋์ด ๋์ ํ๊ณ ์๋ค๋ฉด, ctrl+c ๋๋ฌ์ ์ข ๋ฃ
- ์๋ก๊ณ ์นจ์ ๋๋ ์ ๋ ์ ์์ด ๋ถ๊ฐ๋ฅ ํด์ผ ํฉ๋๋ค.
npm run build์คํserve -s build์คํ
โ ์ฐธ๊ณ
'๐ Front-End > React.js' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| React - SVG ํ์ผ ์ฌ์ฉ๋ฒ (0) | 2022.10.25 |
|---|---|
| Styled-Components (0) | 2022.10.25 |
| React - img (0) | 2022.10.25 |
| React - Router ์์ฉ (0) | 2022.10.24 |
| React - Router ๊ธฐ๋ณธ (0) | 2022.10.24 |
