react프로젝트를 github page를 이용해 웹사이트로 만들기
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"deploy": "gh-pages -d build", //추가
"predeploy": "npm run build" //추가
},
주의사항!
react-router-dom v5 사용하는 경우
배포시 홈페이지 경로를 참조하기 위해
function Router() {
return (
<BrowserRouter basename={process.env.PUBLIC_URL}>
<Switch>
<Route path="/:coinId">
<Coin />
</Route>
<Route path="/">
<Coins />
</Route>
</Switch>
</BrowserRouter>
);
}
다음과 같이 basename={process.env.PUBLIC_URL} 를 추가해준다.