배운것만 간단하게 기록하기 😉
Today I Learned 📖
오늘도 게시판을 새로 만들어보면서, props ,children 관련해서 여러번 다시 배운듯, 유효성 검사들도 다 만들어서 넣어야하는데 삭제 클릭시에만 넣었고 빈칸 인풋에 들어가는 부분은 아직임. 프로젝트때 메인 CRUD를 해야해서 글쓰는 창을 크게만들고 아래로 한줄 붙여넣기를 한다음에 시간되면 라우터넣어서 상세보기창도 따로 만들려고 했는데 수정 버튼에서 시간을 다 써서 오늘은 실패..내일 해야지😊
옵셔널 체이닝 '?.'
오늘의 🍯tip
- Router.js파일에서 Routes태그 밖으로 Main태그로 닫는 태그를 줌.
그 안의 값은 {children}으로 받아서 사용가능, Header,Footer컴퍼넌트안에 {children}으로 받아온 값을 넣어줘서 사용하면, 내가 만들려는 투두리스트 구조가 완성된다! 해결 완료^^!
오늘의 문제점 😤
1)
Uncaught Error: The slice reducer for key "letters" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.
default:
return state;이 2줄을 빼먹어서.... letters에서 이상한 점을 찾았는데 결국 저거였다😨😨 끝까지 코드 채워넣자 !!!!!!
2)
A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component.
const [title, setTitle] = useState(); <- 이렇게 두면 콘솔오류가 뜸
const [text, setText] = useState(""); <- 안에 ""를 넣어주니 오류 사라짐
useState() 빈칸 안을 안채우고 그냥 두었더니 인풋을 사용할때마다 콘솔에 오류가 뜸
input 의 value에 undefined가 들어갔을 경우에 대한 처리가 없다? 라는 오류인듯.
그래서 빈칸 안에 "" 를 다 넣어주었더니 오류가 사라짐.
3) Action.Creator에서 복붙.. 조심하기ㅎㅎㅎ (삭제버튼에 왜 추가버튼이 있는거니...)
프로젝트 추가할 부분..🔥
오늘의 회고 🫥
오늘은 수정버튼까지 꼭 구현하고 싶었는데 실패함. 그래도 어느정도 게시판 만드는건 익숙해졌다 싶었는데, 프로젝트에서 구현해야하는 수정 버튼이 어려운거같아서 걱정이다. 빨리 심화강의도 들어야하는데ㅠㅠ 조급해하지말고 차근차근 하나씩 해나가자:)
