일단 머지를 해서 합쳤는데 이제는 로그인이 text를 바꿔주는 형태였는데 머지 된거에는 div dispaly를 none inline 으로 바꿔야 해서 다시 코드를 고쳐야 했다
<a href="#" class=
"logo" onclick="route(event)">먹을텐데</a>
<div class="header__end">
<a href="#upload" onclick="route(event)">글쓰기</a>
<a href="#login" onclick="route(event)">로그인</a>
</div>
<div class="header__end--logout">
<a href="#upload" onclick="route(event)">글쓰기</a>
<a href="#" onclick="route(event);logout(); ">로그아웃</a>
<a href="#profile" onclick="route(event)" class="profile__image"
>프로필사진</a
>
</div>
headerend headerend--logout를 로그인할때랑 로그인 됬을떄로 바꿔야한다
-main.js-
document.querySelector(".header__end").style.display = 'none'
document.querySelector(".header__end--logout").style.display = 'inline'
로그인 상태일때 none inline을줘서 항상 그렇게 보이게 만들었고 html 로그인에 button에 onclik을 줘서 handleAuth를 줘서 바로 로그인하게 만들었다 머 시간은 걸렸지만 결국에는 정상 작동 되서
오늘은 여기까지....