부트캠프 React 과정 8.03

오늘의 목표

• 지난번 정예반과제 피드백 수정 (O)

• 정예반 과제 (진행중 ...)

오늘 알게된것

• 정예반 과제를 하던중
  수정하기 부분에서 그냥 수정버튼을 누르면 잘나와서 아무 문제가 없다고 생각했는데

``

const submitHandler = (e) => {
e.preventDefault();
const newData = {
//url로 접근을하면 state가 없을수도있다.
id: state.findData.id,
title: editTitle,
content: editContent,
};
if (state) {
dispatch(editData(newData));
navigate("/");
}
};
``

이부분에서 url로 edit을 입력하고 들어가게되면 화면이 안나오는 이슈가 있었다.
그이유는 url로 들어가게 되었을때 state가 없을수도 있기때문이였는데 그래서 state부분에도 옵셔널 체이닝을 걸어줌으로써 문제를 해결했다. 과제를 하면서 느끼는거지만 사용자 입장에서 생각을 해야 되는 부분이 무긍무진하게 많다는 것을 느끼고 있고 내가 생각했던거 보다 훨씬더 세세한 부분도 미리 생각을하고 거기에 알맞게 해결을 해야된다고 생각을 했습니다.

느낀점

• 오늘 저번 과제 피드백을 받고 모두 수정을 했다.
  공식문서에서 찾아서 ex)서버문제등 여러가지 에러상황 추가하기

• 오류검사
  이메일 말고 다른 오류도 찾아서 추가하기

• if안에 if 분리할수있는 방법을 찾아서 수정하기

  -state.findData.id 에서 state를 url로 접근하면 state가 없을수도있다.
  다른 방법을 고안해보자.

• 로그인이 안되었을때 수정 삭제 버튼을 누르면 에러발생 고쳐야됨 메인페이지 디테일페이지
  수정하기 삭제하기 모두다.

수정을 하면서 특이 저번 과제에서 회원가입이라 로그인을 할때 firebase를 사용해서 만들었는데.
공식문서에 친절하게 에러 유형과 특성까지 나와있는데 그걸 확인 하지 못하고 내가 알고있는 지식으로 만 만들었다가 빠진게 많아서 수정을 한부분이 많이있었다. 공식문서는 친절한거같다.

그리고 오늘 어제까지 과제로 만든거에서 redux를 react-query로 변형을 하는 과제를 내주셨는데
오늘 튜텨님께서 라이브코딩으로 저번 과제를 해나가면서 어떻게 생각을 했고 우리는 어떻게 했는지 생각하는 힘을 길러주시기 위해서 해주셨는데 중간중간 특강도 겹치면서 아직 다 완성을 못했지만
내일 피드백 받기전까지 완료를 하고 또한 피드백이 줄어들수있도록 세세하게 확인도 해야겠다는 생각을 했습니다.!