구름 아카데미 후기

• 과제로 firebase를 사용했다. (처음 사용해봐서 좋은 경험이 됐다.)
• git ignore를 잘못 입력해서 api key가 깃허브에 올라갔다;;

firebase

firebase는 구글에서 제공하는 로그인,회원가입같은 서버역할을 서비스하는 플랫폼이다.
처음 사용해서 약간 막막해보였는데, 공식 홈페이지를 비롯하여 검색을 통해서 정보를 쉽게 얻을 수 있었다.
그만큼 대중적인 플랫폼으로 보인다.

나는 react 환경에서 회원 정보를 관리하는 서비스가 필요했다.
공식 사이트에서 가이드 하는대로 따라가면 어렵지않았다.
우선 공식 사이트에서 프로젝트를 만들고, 앱 또는 웹처럼 어떤 환경에서 사용하는지 선택하고, 필요한 서비스를 선택하면 된다.

npm install firebase

일단 firebase 라이브러리를 설치한다.

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
const firebaseConfig = {
  apiKey: "********",
  authDomain: "********",
  projectId: "********",
  storageBucket: "********",
  messagingSenderId: "********",
  appId: "********"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);

공식 사이트에서 제공하는 코드를 이용하면 설정은 끝난다.

const register = async()=>{
        try{
            await createUserWithEmailAndPassword(
                auth,
                email,
                password,
            );
            navigate('/');
        }catch(error){
            console.error(error);
        }
    }

• hooks와 함께 활용하여 만든 회원가입 함수의 일부

.gitignore

위의 경우처럼 api key나 nodemodules 같이 깃허브에 공유되면 안되거나 불필요한 경우에는
.gitignore를 쓰면 된다.
깃 업데이트에서 제외할 파일 또는 폴더를 apikey.js또는 apikey/ 형태로 작성하면 된다.
(경로를 잘못 적어서 함께 업데이트 되어 문제가 생겼었다)

그럴땐 git reset ^HEAD를 쓰면 최근 커밋이 삭제된다. 또는 git log를 통해 커밋을 확인하고
git reset --hard HEAD~n 최근 커밋의 n번째까지 삭제 시킬 수도 있다.
그리고 마지막으로 git push -f origin brach를 해야 깃허브에 변경상태가 업데이트 된다.