개발 창고

[Firebase] Firebase hosting으로 next.js 배포 자동화하기

시작하며 firebase는 웹 앱을 빠르게 배포 해주는 hosting기능을 제공합니다. 이번 글은 next.js 프로젝트를 firebase hosting을 이용하여 사이트에 배포하는 법에 대해 작성하였습니다. 또 github와 연결하여 pr을 날리고 병합할 때 자동으로 배포하는 방법에 대해서도 알아보겠습니다. 로컬 환경에서 firebase deploy 적용하기 Firebase CLI 설정하기 firebase cli 설치하기 npm i firebase-tools -D 우선 firebase cli를 npm install을 통해 설치해줍니다. 로컬환경에 firebase cli를 설치하게 되면 sudo 권한 문제와 피할 수 있습니다. node_modules/.bin/firebase login 그리고 위 명령어를..

Firebase에서 Github 인증 사용설정하기

1. Firebase 콘솔에서 승인 콜백 URL 얻기 Firebase 콘솔의 인증창에서 "로그인 방법 설정"버튼을 누르고 로그인 제공업체 탭에서 깃허브를 선택하면 위와같이 승인 콜백 URL와 클라이언트 ID, 비밀번호를 입력하는 창이 뜨게된다. 2. 깃허브 설정에서 OAuth App 등록하기 깃허브로 가서 Settings > Developer Settings > OAuth Apps로 들어가면 새로운 Oauth App을 생성할 수 있다. 생성하기에서 App이름과 홈페이지 URL, 그리고 1번 과정에서 얻은 승인 콜백 URL을 입력해준다. 3. 클라이언트 ID, 비밀번호 등록하기 생성된 OAuth App에 들어가면 클라이언트 ID와 비밀번호를 얻을 수 있다. 이를 다시 파이어베이스 콘솔창으로 돌아와서 입력해..

Firebase 이메일 사용자 재인증하기 (requires-recent-login 에러)

파이어베이스를 이용해서 사용자를 삭제하기 위해 deleteUser()함수를 이용하여 구현했는데, 위와같은 오류가 발생했다. 그래서 공식 문서를 확인해보니 사용자 계정 삭제, 비밀번호 변경과 같이 보안에 민간한 작업을 하려면 최근에 로그인한 적이 있어야 한다고 설명되어있었다. 그래서 사용자 상태를 업데이트하기위해 재인증을 하는 코드를 추가해주어야하는데, 예시코드에는 credential을 받아오는 함수를 직접 작성하라 되어있고, 어떤 인자를 넣어줘야하는지 알려주지 않았다. 그래서 reauthenticateWithCredential을 선언한 파일로가서 받아야하는 인자의 타입이 AuthCredential임을 알아냈고, 구글에 검색해서 아래와 같은 결과를 찾았다. 나는 이메일을 이용하여 로그인을 구현하였기때문에 ..