today
오늘은 팀 과제 배포까지 완료하였다. 아직 코드를 완벽하게 전부 이해한 것은 아니라서 틈틈히 보면서 코드를 이해해봐야겠다 이번 팀 과제는 아주 만족스러웠다 문제를 팀원과 같이 해결해나가며 협업이 뭔지 몸소 느꼈던 것 같다.
내일부터는 전 주차에 완료하지 못한 개인 과제를 해봐야겠다.
netlify
이렇게 쉽게 배포를 할 수 있는 사이트가 있는 줄 몰랐다.. netlify에서 cors 이슈를 해결해서 배포하는 방법이 있어 적용하여 배포를 완료하였다!
배포방법
- build 폴더가 없다면, node modules 지우고 npm i 로 다시 설치 후 yarn build
- build 폴더 안에서 npm i netlify-cli -g 로 netlify 글로벌적으로 설치
- cd .. 로 build 폴더 나온 후 netlify deploy
- Create & configure a new site, 팀명 지정, Site Name 지정, build 폴더로 디렉토리 설정
- Draft url 에서 잘 동작하는지 확인 후, netlify deploy —prod 하면 최종 배포가 되고, 지정한 url 로 사이트가 생성됨
근데 이상하게도 build 후 build 폴더로 들어가 yarn add netlify-cli -g를 입력하여 netlify를 설치해 봣지만 netlify deploy를 입력해도 반응이 없었다. 여러번 빌드폴더를 지우고 다시 깔고 반복했지만 똑같이 반응이 없었고 netlify -v를 사용하여 설치가 됐나봤는데 설치도 되지않았다고 나왔다.... 결국 배포방법에 나와있는 npm i netlify-cli -g를 사용하여 설치하니 정상적으로 netlify deploy를 할 수 있었다.
유용사이트
https://gitmoji.dev/ (리드미작성 이모지)
https://contactmentor.com/how-to-add-loading-spinner-react-js/
(스피너 코드... 참고해서 다음에 커스텀하여 사용해보자!)
INFP🖐