안녕하세요 오랜만에 다시 포스팅을 합니다 오랜만인 이유는 주말동안 react 놈에게 읃어터지고 있었기 때문이죠..
리액트를 공부한지 별로 안됐는데 과제를 진행하는게 저에게는 조금 버거웠습니다..
네 맞아요 제가 부족한거죠...
그래서 오늘 제가 가져온 이야기는 리액트의 코드가 아닌 리액트를 깃허브에 배포할 때 README가 나오는 것에 대한 해결책입니다
리액트 코드에 관련된 글은 제가 조금 더 공부를 해보고 완벽히 이해 됐을 때 가지고 오겠습니다...
그럼 시작해보겠습니다..!!
깃허브에서 push를 하고 배포를 한 다음 링크 들어갔을 때 위와 같은 사진이 뜨시는 분들이 계실까요?
그 방법에 대해 알아보겠습니다
⚠️시작하기 전에 무조건 먼저 깃허브에 push를 하셔서 업로드를 하셔야합니다⚠️
필요 과정
모든 코드는 vscode 내 터미널로 진행해주세요!
1.
npm install gh-pages --save-dev
2.
폴더 내에 있는 package.json 파일에 몇 가지를 적어주셔야 합니다
"scripts" 위에는
"homepage": (push한 후 배포 업로드 된 주소)
"scripts" 안에는
"predeploy": "npm run build,
"deploy": "gh-pages -d build
작성해주시면 됩니다
3.
npm run deploy
4.
3번 코드를 입력하시고 published를 보시면 당신은 거의 성공하신겁니다
그러고 깃허브에 들어가시고
main으로 되어있던 부분을 gh-pages 부분으로 바꾸고 Save 하시면 해결이 됩니다!!
5.
그러고 시간이 조금 지난 뒤 다시 링크에 들어가보면
저의 귀여운 프로젝트 화면이
짜잔 하고 나옵니다 ㅎ
네 오늘은 이렇게 리액트를 깃허브에 배포시 바로 뜨지 않고 README 화면이 나오는 상황에 대해 알아보았습니다
사실 어제까지 하다가 안돼서 포기하려고 했는데 엄청 똑똑하신 저희 팀원분들의 도움으로 완성 후 제출을 할 수 있었습니다..
물론 코드는 엉망이지만...
이번에도 어떻게든 해결한 듯 합니다...
저도 하다보면 감을 잡고 고민하고 찾아보고 해결하고 기뻐하는 저의 모습이 있겠죠? 그날까지 또 열심히 얻어터져가면서 달려보겠습니다!!
여러분들도 화이팅이고 항상 행복합니다요~!!
