github 3

[TWIL] 사전 프로젝트를 하며 알게 된 몇 가지 - 2편

지난 1편에 이어 이틀 전 사전 프로젝트를 마무리한 시점에서 2편을 작성해 본다. 배운게 너무 많아서 어떻게 정리를 해야할지 모르겠지만 일단 하나씩 짧게라도 기록을 남겨본다. 최종편이 몇 편이 될 지는 나도 모름...😇 서버 쪽 배포 환경 유지가 아마 내일까지 밖에 안 될 거 같지만 그래도 남겨보는 배포 링크 https://seb42-pre-025-seb42-pre-025.vercel.app/questions 뉴진스의 Ditto요 seb42-pre-025-seb42-pre-025.vercel.app 클릭하자마자 시선을 강탈하는 빨간 화면이 떠서 깜짝 놀라실 텐데요. 이에 대한 원인은 현재까지 파악하기로는 클론을 너무 똑같이 해서... 구글이 사기성 사이트로 필터링을 하고 있는 것으로 짐작 중입니다. (아..

코드에 GitHub access token이 포함된 상태로 commit을 하면 어떻게 될까

GitHub access token은 personal information이기 때문에 코드에 토큰이 그대로 포함된 채 commit을 하면 github에서 해당 토큰을 더이상 유효한 토큰으로 취급해주지 않는다. commit하기 전까지 잘 받아오던 데이터를 401 Unauthorized 에러가 뜨면서 더이상 받아올 수 없게 된다. 그리고 몇 분 후에 github에서 친절하게 아래와 같은 메일을 보내준다 😇 그렇다면 이제 할 일은? 새로운 토큰을 재발급 받아서 .env 파일을 생성하고 해당 파일에 새로운 토큰을 잘 적어주자. 그리고 .gitignore에 .env 파일을 추가하자. 상세한 방법은 여기를 참고하면 된다.

CLI로 github pages를 사용해 웹사이트 배포하는 방법

react CRA를 Mac 터미널에서 배포해보자. 1. 터미널에서 gh-pages 패키지 설치 npm i gh-pages 2. package.json 파일의 scripts에서 build 명령어 확인 npm run build를 실행하면 build 폴더가 생기고, 브라우저가 이해할 수 있도록 코드가 압축되고 최적화된 js 파일이 생성된다. 다음 단계에서 배포 전 build를 해줄 것이기 때문에 확인만 하고 터미널에 명령어를 실행하지는 않아도 된다. 3. package.json 파일 최하단에 다음의 코드 작성 "homepage": "https//.github.io/" 4. package.json 파일의 scripts에 다음의 코드 작성 "deploy": "gh-pages -d build", // (1) "pr..