회고 & 트러블슈팅 기록
1.자바스크립트로 사과게임🍎 만들기
플레이 해보기: http://fruit-box.kro.kr/ 오직 프론트 개발 연습을 위한 목적으로 개발하였으며, 상업용 사이트가 아님을 밝힙니다. 수익을 창출하지 않습니다. 게임의 아이디어 및 BGM에 대한 저작권은 ゲーム菜園에 있습니다. 게임 속 사과의 이미지는 chatGPT를 통해 제작되었습니다. 깃허브: https://github.com/xaer...
2.React 프로젝트에서 Firebase로 구글 로그인을 구현하는 방법
해커톤 프로젝트에서 초기 로그인 페이지에 구글 로그인을 구현해달라는 요구가 있어, 로그인 구현을 어떻게 해야 하나 찾아보다 Google의 Firebase를 알게 되었다. 구현 방법 링크에 접속해줍니다. (🔗 [Firebase 링크](https://www.google.com/aclk?sa=L&ai=DChsSEwjvjdbohd2PAxW0B3sHHQCGI4...
3.Firebase: signInWithRedirect 사용 시 로그인이 되지 않는 문제
✨ 결론 보기 🔗 리디렉션 로그인 구현 예시: https://test-3828d.web.app/ 🔗 깃허브 코드 바로가기 Image > 참고하면 좋을 링크들을 달아둡니다. [이 문제에 대한 reddit에서의 논
4.Firebase Google 로그인 구현 시 나타나는 COOP(Cross-Origin-Opener-Policy)
서론 signInWithPopup을 통해 로그인을 구현했더니 콘솔에 COOP가 찍혔다. 기능 동작에는 아무 영향이 없었지만, 시뻘겋게 보이는 게 거슬려서 이 친구에 대해 한 번 알아보았다. 문제의 원인 해커톤 때 서칭을 하다 이 글을 발견했는데, Google 로그인
5.Netlify 배포: 환경변수에 비밀 키 설정 시 Build에 실패하는 문제를 해결하는 방법
.env 파일이 있는 코드 netlify에서 배포하기 일반적으로 .env에는 api key 값과 같은 민감한 값을 저장하므로, .gitignore에 .enb를 추가해 파일이 깃허브에 올라가지 않도록 조치한다. 따라서 Netlify에서 깃허브에 업로드한 프로젝트를 배포하려면, Netlify 환경 변수 설정에서 .env 파일에 있는 값들을 등록해주어야 한다....