Intro

---

기상 시간	오전 9시 30분
전날 취침 시간	새벽 3시
컨디션	늦잠으로 컨디션 최상

1124 회고 이슈

---

잘해오고 있는 부분

<개인>

• 기록하면서 작업 진행 한 것
• 에러메세지 만난 것에 대해 이유를 상세히 알아보고 기록 한 것
• 아이디 찾기 기능 에러 해결 한 것
• 회고 작성 https://www.notion.so/Mainday13-2022-11-24--783584f1788a4a79b36e36f528948188

<함께 진행 한 것>

• 충돌 해결

아쉬운 부분

• 왜 자꾸 충돌이 나는지 이유를 알고자 했지만 찾지 못했고 찾을 정신이 없었다^^..

개선할 점

• 충도 안 나도록 앞으로 pull할 때는 함께.. 한명씩 확인 하면서 하기로 한다
• 회고 정갈하게 작성

Today log

---

온클릭 인터페이스 정의

불러오는 컴포넌트에 사용되는 속성을 인터페이스로 정의해야한다

useQuery 쓸 때

refetch는 바로 사용 되는 것을 막아주고

옵션에 enabled는 false를 넣어주어야 한다

data와 refetch에 커스텀 해서 이름을 변경 할 수 있다.

아이디찾기 오류메세지 다른 방법으로 해결

그냥 핸들프레스에

if문으로 조건 넣어서 빈 태그의 아이디값을 지정하여 그 태그로 텍스트 넣어줌

const handlePressEnter = (e: any) => {
    if (e.keyCode === 13) {
      e.preventDefault();
      refetch();
      const errorMessageDiv = document.getElementById("error-message");
      if (emailValue === "") {
        errorMessageDiv.innerText = "이메일 입력은 필수입니다";
      }
    }
  };

이런에러 발생

왜지..

일단넘어가

#에러가 나오는 이유

객체가 비어 있을 수도 있는데 해당 객체의 내부 메소드를 사용하거나 내부 객체 키에 값을 넣어주려고 할 때 입니다.

참고 https://kyounghwan01.github.io/blog/TS/object-null/#옵셔널체이닝-사용

⇒이렇다고 한다

!으로 타입을 단언하거나 if문으로 null을 걸러주는 방법이 있지만 타입단언은 타입 추적이 불가능하고 if문은 이런 상황이 발생 할 때마다 if문을 사용 해 주어야 하기 때문에 세 번째 방법인 옵셔널 체이닝으로 null을 핸들링 하는 방식을 추천 한다고 적혀있다.

!을 써주니 해결은 되었지만 좋지 못한 방법이라고 하니 옵셔널 체이닝으로 변경 하도록 한다

해결 전 코드

const inPasswrodInpuTag = document.getElementById("id-passwrod-input");
    inPasswrodInpuTag.style.display = "none";

옵셔널 체이닝 적용

const errorMessageDiv = $(".error-message");
      if (emailValue === "") {
        errorMessageDiv
          ? (errorMessageDiv.innerText = "이메일 입력은 필수입니다")
          : null;
      }

흠.. 이렇게 하는게 맞는 것 같은데 구글링해도 해답이 나오질 않는다

선택자 문제인가 싶어 #으로도 해 봤으나 실패

그냥 타입 단언으로 변경하고 질문하기로..

타입단언변경코드

const errorMessageDiv = document.getElementById("error-message");
      if (emailValue === "") {
        errorMessageDiv!.innerText = "이메일 입력은 필수입니다";
      }

일단 해결

비밀번호 재설정

React Query에서 Post, Delete, Patch/Put (useMutation hook 사용하기)

패치를 사용해야 하니 일단 검색

느낀점

---

오늘도 깃 충돌만 1시간했다~

올리면 충돌 올리면 충돌

충돌의 굴레~

점점 시간이 없고 정신이 없으니 회고를 대충 쓰게된다^^..

적으면서 나중에 정리한다고는 하지만

나중에 정리하는게 쉽지가 않다^^….