22일차 TIL : 기초프로젝트

학습내용

기초프로젝트 파이어베이스 연결

addEventListener()

지정한 유형의 이벤트를 대상이 수신할 때마다 호출할 함수를 설정하는 메서드. Element, Document, Window, XMLHttpRequest 등 이벤트를 지원하는 모든 객체를 대상으로 한다.

매개변수

• 첫 번째 매개변수 type
  수신할 이벤트 유형을 나타내는 문자열

• 두 번째 매개변수 listener
  지정한 이벤트를 수신할 객체로 handleEvent() 메서드를 포함하는 객체이거나 함수여야 한다.

• 세 번째 매개변수(선택)
  • options 이벤트 수신기의 특징 지정
  • useCapture 이벤트가 전달되기 전에 이 수신기가 먼저 발동돼야 함을 나타내는 불린 값

main.js

document.addEventListener("DOMContentLoaded", function(){
    authService.onAuthStateChanged((user) => {
        handleLocation();
        const hash = window.location.hash;
        if (user) {
            alert("로그인");
        } else {
            alert("로그아웃");
            if(hash !== "")
            window.location.replace("");
        }
    });
});

첫 랜딩을 처리하는 과정에서 두 번째 매개변수에 빈 함수를 집어넣는 바람에 alert이 뜨지 않아 거의 오늘 하루를 다 잡아먹었다... 분하다... 남는 시간엔 더보기 버튼을 구현하려고 했는데 이것도 제이쿼리를 쓰지 않고 하려니 쉽지 않다. 아직 본격적인 시작은 하지도 못했는데 별 소득 없이 시간만 흐르고 있는 느낌이다. 프로젝트 무사히 마칠 수 있을까🥲