#01 한 일, 배운 내용 +
[React 숙련 주차 개인과제] Todo List ver.2
기간: 23.06.2 ~ 23.06.23
👇🏻 각 리스트 항목을 눌렀을 때 페이지 이동
내용
- ADD 버튼으로 todo 내용을 입력할 수 있다.
- 각 리스트에 있는 수정, 완료(또는 취소), 삭제 버튼으로 리스트 영역이 변경된다.
🗑️ 버튼으로 내용을 삭제할 수 있다.
✐ 버튼을 누르면 prompt창이 떠 내용을 수정할 수 있다.
☑️ 완료 버튼을 누르면 해당 todo가 DONELIST 완료 목록으로 이동한다.
X 취소 버튼을 누르면 완료 목록이 있던 해당 todo가 TODOLIST 목록으로 이동한다. - 리스트 내용을 누르면 해당 리스트 상세페이지로 이동한다.
상세페이지에서 BACK 버튼을 누르면 초기화면으로 이동한다.
#02 회고🧐
📌 새롭게 공부한 내용
1) README.md를 처음 작성해봤다ㅎㅎ 피드백을 받아 차차 보완해야겠다..!
2) Styled-component, Redux, React-router-dom.. 모두 새로운 내용이라 좀 어려웠다...
📌 문제점/해결과정
1) Styled-component 중복된 코드 줄이기
2) 페이지가 열렸을 때 Todo 입력칸에 자동 포커스를 주고 싶었다. 인풋 태그에 바로 autoFocus를 써도 가능했지만 새로 배운 useRef를 써보고 싶어서 아래처럼 작성해 포커스 기능을 구현했다.
📌 아쉬웠던 점
- README.md를 처음 작성해 본거라 잘 쓴 건지도 모르겠다;; 나름 다른 블로그들을 참고해 쓴 건데.. 부실한 느낌이다.
- 액션 크리에이터를 완벽하게 이해하지 못한채 다른 동기의 도움을 받아 코드를 짰다... 주말에 강의를 다시 들으며 복습은 해봤지만 아직 라우터 전체 로직에 대한 이해도가 좀 부족한 느낌이다. 팀과제 중간중간 더 복습하고 질문하면서 부족한 점을 채워가야겠다...!
- 시간이 없어 ver.3과제는 해내지 못했다. 개인적인 일만 없었음 할 수 있었을 텐데... 모든 시간을 쏟아 부었지만 ver.3은 결국 시작도 못해 아쉬움이 많이 남는다. 팀과제에서 내가 그 부분을 맡던지 해야겠다..
느낀점✨
- 저번주차 WIL에서 이번주는 주어진 시간에 최선의 집중을 다해보자 했는데... 최선의 집중을 하긴 했다. 다만 주어진 시간이 내 개인적인 일로 적었을 뿐😭 정말 게으름 피울 시간도 없을 만큼 과제도 많았고 코딩에 집중할 시간도 적었다... 마음이 어찌나 팍팍하던지 ㅎ 그 마음 위로할 시간도 없었던 주였다 ㅎㅎㅎ 아 내일부터는 바로 팀과제 시작인데,, 이번주는 정말 코딩 외의 뭐가 생기지 않았음 좋겠다. 공부와 과제에만 집중하고 싶다!!! 생기더라도 이번처럼 마인드 컨트롤 잘하자!
