오늘의 목표
-
lv4 개인과제 진행 (주말에 진행)
-
정예반 새로운 과제 시작 (...ing)
배운것
- 무엇이든 처음 배울떄는 어떻게 코드를 풀어서 적용할지 순서를 지정해서 학습을 하자.
어려운것
- 삭제하기 버튼을 눌렀을때 내가 상위 div에 걸어논 navigate때문에 삭제가 되었지만
삭제가 되고 세부사항으로 넘어가는 현상이 일어났다.
이것은 이벤트 버블링의 문제였는데 이현상이 onclick가 일어나면 점점위로 부모요소 할아버지요소이렇게 위로 올라가게되어서 상위에 있던 요소였던 navigate를 만나게되면서 삭제가 되도 navigate에 지정되어있던 곳으로 이동을 하게 되었다.
그래서 버블링을 강제로 멈추기위해서 onclick에 (e) => e.stopPropagation() 을 지정해서 위로 올라가는것을 막아줌으로써 문제가 해결되었다.
느낀점
- 오늘 정예반 과제가 저번 과제에 + 되어서 나왔다. 점점 덛붙혀서 과제가 커지는 느낌인거 같다. 오늘 과제 props한부분을 redux로 파일을 나누고 이제 시작을 할려고 했는데 첫부분 부터 막혀서 우선 할수있는거 부터 시작을 할려고 한다. 정예반 과제를 하면서 뒤에 잘 몰랐던 부분을 확실하게 짚고 넘어 갈수 있는거 같아서 좋은거 같다. 그리고 개인과제 lv4를 다 완성하고 싶었는데 수정부분을 완성하지 못하였다. 주말에 도전을 한번더해보고 안되면 개인과제 해설을 듣고 다시 혼자서 만들어보는 시간을 가져야 될거 같다고 생각을 했습니다.
