221029_TIL | 페이지에 따라 내용 보이게 하기

오늘한 일

• [항해 99] 로그인 / 회원가입 / 입장페이지 view 구현(픽스)
• [항해 99] 소켓 공부중(근데 1도 모르겠다)

내일 할 일

• [항해 99] 소켓 공부하기..222
• [항해 99] 미니 프로젝트 필요한(중요한) 부분 정리하기
• [항해 99] WIL 작성

오늘의 배운 점

1. 페이지에 따라 내용이 나타나지 않게 설정하기!(에서 오류났..지만 해결했당)
   

//오류코드
     if (window.location.pathname = "/") return null;  // = 하나만 하면 무한 로딩 걸림


//해결코드
const SignupBtn = () => {
     if (window.location.pathname != "/") return null;  // ==이나 !=으로 입력하면 해결됨
     return (
          <div className="first-s1ack">
               <p>s1ack을 처음 사용하시나요?</p>
               <a href="/register">계정 생성</a>
          </div>
     );
};

위의 저 부분이 원래 해더에 들어가는 내용 중 일부였는데 헤더의 나머지 내용들은 나타나게 하고 위의 SignupBtn 부분만 일정 페이지에서만 나타나게 하고 싶었는데 toggle이나 삼항연산자 등을 사용해서 해보려고 했는데.. 사실 생각한 방법이랑 조금 다른 것 같아서 구글링 해본 결과 if문으로 window.location.pathname으로 url을 비교하는 형태로 진행했다.

그리고 원했던 건 login 페이지에서만 해당 내용이 나타났으면 좋겠어서 !=로 주어서 다른 페이지에는 안뜨도록 적용했다.

찾았던 블로그에서는 = 하나만 주시길래 동일하게 입력했는데 무한 로딩의 문제가 생겼고 혹시나 싶어서 !=로 작업해보니 해결되었다. 아마 유사한 값들이 다 비교되면서 무한 로딩이 걸린 것 같은데 사실 어떠한 이유로 이렇게 됐는지는 잘 모르겠다. 그냥 살짝 추측만 하는 정도..?(오류가 제대로 뜨지않아서 추측만…)

명확하게 알고 넘어가고 싶은데 쉽지 않다..

---

진짜 오늘 좀 심각하다 싶을 정도로 공부가 손에 잡히지 않았다.. 그냥 진짜 시간만 떼운 것 같아서 무척 속상..
팀한테 피해가 안되려면 열심히 해야하는데.. 말로만 열심히 하는 내가 너무 싫구만..
오늘 논 만큼 내일(!쉬는날이지만!) 꼭 공부해야겠다. 리얼임..