와악.......머지충돌 최악쓰..........!
오전
오후
엉망진창이 되었어요..... 원래 이런걸까.... 다시 기존 브랜치로 돌아와서 심신안정을 찾아보아요..
스타일시트 내의 같은 태그명들이 너무 많아서 그런 것 같았다..
안겹치도록 수정수정..
- !important > 인라인 스타일 > id > class, 가상,추상클래스 > tag element
!important 나 인라인스타일은 특별한 상황이 아니면 안쓰는 것 같고, id명이 제일 강력하게 작용한다고 한다. 무지성하게 쓰지말고 주의하자!
// 유효성 검사 통과 후 로그인 또는 회원가입 API 요청
const loginBtnText = document.querySelector("#loginBtn").value;
const joinBtnText = document.querySelector("#joinBtn").value;
//콘솔에 찍어보려구..
console.log('loginBtnText', loginBtnText);
console.log('joinBtnText', joinBtnText);
if (loginBtnText === "로그인") {
...
위 코드 실행 시 에러가 발생했다. Uncaught TypeError: Cannot read properties of null (reading 'value')
튜터님 코드스니펫에서는 로그인과 회원가입 버튼이벤트가 같은 html파일에 있었는데, 내가 창을 따로 만들면서부터 발생한 에러같았다. 결과적으로 해결은 했는데.
<head>
태그나 <body>
를 지워준다.<!DOCTYPE> 이런거..
고생하신만큼 많이 각인되셨을것같아요 ㅎㅎ