onAuthStateChanged 가 가지는 장점에 대해

안녕하세요~ 질문주셔서 감사합니다!onAuthStateChanged 는 단순히 유저의 로그인 상태에 옵저버를 붙이는 기능을 수행합니다.따라서 렌더링 최적화를 위해서라기보다는 단순히 통신과 렌더링의 순서를 변경했다고 이해해 주시면 되겠습니다.자세한 정보는 아래 링크를 참고해주시길 바랍니다.https://firebase.google.com/docs/reference/node/firebase.auth.Auth#onauthstatechanged

context api를 커스텀 후크로 뿌리시는 이유가 궁금해요.

안녕하세요 어쩔티비님!커스텀훅을 만드는 이유가 궁금하시군요!일단 훅을 만드는 이유를 생각해보겠습니다. 우리가 useState를 사용하면 데이터의 상태 관리를 무척 편하게 할 수 있습니다. 그렇다면 이 useState를 우리가 필요할 때마다 선언해서 만들지는 않죠? 리액트 내부적으로 이미 로직이 구현되어 있기 때문에 우리는 필요할 때마다 불러와서 사용할 수 있습니다.이와 마찬가지로 강의에서 context api를 훅으로 만드는 이유는 특정 기능을 훅으로 만들어 두었다가 어떤 컴포넌트에서건 필요할 때마다 불러와서 편하게 사용하고 싶기 때문입니다.마치 바닐라 자바스크립트에서 함수를 만들어 코드의 뭉치를 묶어서 재사용성을 높여주는것과 비슷한 효과가 있다고 할 수 있겠습니다. 만약 훅을 왜 사용해야 하는지 궁금하다면 다음 페이지를 참고하시기 바랍니다.(https://ko.reactjs.org/docs/hooks-intro.html)감사합니다!! :)

next사용하는 프로젝트에 적용하려고 하는데 문제가 생겻습니다.

안녕하세요 malcomex님! 반갑습니다! 우선 getAnalytics(app); 이 부분에서 에러가 나신다고 말씀주셨는데요! 저희 강의에서는 파이어베이스에 에널리틱스를 붙이고 있지 않고 있습니다.그렇다면 혹시 파이어베이스 프로젝트를 처음에 셋업하실 때 에널리틱스 설정을 하셨을까요??일단 이것부터 확인이 필요해 보입니다!만약 설정을 하셨다면 https://stackoverflow.com/questions/69799682/firebase-analytics-with-next-js-window-not-definded혹은https://devsolus.com/2022/09/13/referenceerror-window-is-not-defined-firebase-analytics/위의 링크를 참고해보시기 바랍니다! 둘 다 Next.js 를 이용했을 경우의 레퍼런스가 될 수 있어 보입니다 :)감사합니다!

firebase api key 가 유효하지 않습니다.

안녕하세요 질문 감사합니다 :)우선 유효하지 않은 api key 라는 에러가 나는것은 결국 제공하는 api키가 잘못됐다는 얘기인데요,그대로 복사해온 이상, 에러가 나선 안될 상황인것 같습니다.좀 힘들것 같긴 하지만 ... 만에 하나라도 구글측 에러일 수 있기 때문에, 제 생각에는 새로운 파이어 베이스 프로젝트를 또 생성해보고거기에서 제공하는 api 키를 적용해 보는게 좋을것 같습니다. 만약 또 에러가 난다면 그때는 오타를 의심해 보거나, 오타가 아니라면 파이어베이스 측에 직접 문의해보는 수밖에 없어보입니다. ㅠ감사합니다!

import시키고 npm start시켰을 때, 페이지는 나오는데, login, signup 페이지의 글자가 선생님처럼 나오지 않습니다!

안녕하세요 hm님! 아마도 코드상에 오타가 있을 가능성이 큽니다. 사용한 문법중에 스펠링이 틀렸는지 한번 확인해보시고, 지금까지 작성한 코드를 공유 주시면 저도 살펴보겠습니다 :)감사합니다!