오늘한것
1. 팀과제 조사
2. todolist 기존 코드 수정
3. 매니저님께 질문
우선 과제 예시 사이트에서는 todolist에 부여되는 id를 만드는 것을 패키지를 이용해서 하였다. 원래 redux 모듈안에 변수를 만들어서 id값을 만들었는데, 매니저님께서 다른방법을 쓰라고 하셔서 다른 방법을 생각중이었다. 다른 패키지 도움 없이 만드려고 하니까 여러가지 상황을 고려할게 많아져서 머리가 아파졌다. 특히나 문제는 detail창에 들어 갔다 나오면 state값이 초기값으로 바뀌어 중복값이 나오는 것이 문제.
머리를 뽑다가 같은 팀원분과 서로 문제를 공유했다. 팀원분의 문제는 이미 내가 시행착오를 겪었던 문제라서 금방 해결이 되었고, 팀원분도 지금 내문제를 해결했던 문제라서 알려주셨다.
방법은 옵셔널체이닝을 사용해서 todo를 저장하는 dispatch시에 todos 배열이 undifined이나 null이라면 그 값을 id에 넣지 말고 0을 넣어라, 근데 배열안에 값이 존재한다면 배열의 마지목요소의 id값에 1을 더해서 id를 만드는 방법을 이용했다.
그런데 또다시 발생한 문제는 detail.jsx, 디테일 페이지에서 생긴 문제이다. useEffect안에서 url에서 가져온 id값으로dispatch를 하여 todo객체를 가져와 그 정보를 보여주는 페이지인데, 내일은 이 문제 해결법을 생각해봐야겠다.
Styled Component
매니저님도 잘쓰면 좋다고 하시고, 나도 처음써보기 때문에 많이 미숙한 것같아 제대로된 사용법을 익히고자 정리했다.
노션을 이용해 정리
https://cerulean-can-4f5.notion.site/Styled-Component-dc541dca81ba47b9a4f5d3ec7555e6bd
Styled Component
Styled Component
cerulean-can-4f5.notion.site
다음 목표 및 개선해야할점
- 주 1회 알고리즘 풀이( 평일에는 힘들것 같으니 주말을 이용)
- 드림코딩 javascript 문법 promise, async await
- CSS grid, Grid Garden
- component 잘게 쪼개기, custom hook 만들어보기
- react hook 공부
'항해 99' 카테고리의 다른 글
| 항해 25일차 TIL (0) | 2022.10.15 |
|---|---|
| 항해 24일차 TIL (0) | 2022.10.13 |
| 항해 23일차 TIL (0) | 2022.10.12 |
| 항해 99 3주차 WIL (0) | 2022.10.09 |
| 항해99 19일차 TIL (0) | 2022.10.09 |