2주차 과제
- 기본과제 PASS 🙂
- 심화과제 FAIL 🙁
발제 목표
- 가상DOM을 정의하고 사용
- 가상DOM을 이용하여 이벤트 관리를 최적화
- diff알고리즘을 이용하여 불필요한 렌더링을 최소화
2주차 계획
☑️ 테스트코드를 읽어보고 과제를 시작
☑️ 팀원들과 공유하는 시간을 더 많이 가지기
☑️ 학습자료 공부 및 참고하기
어려웠던 점
- diff 알고리즘! --> 이건 다시 공부해야될듯!
배운점
- 리액트는 실제로 어떻게 이벤트를 관리하고 있을까?
- 함수 컴포넌트를 정의할 때, 최상위 개체한테 이벤트를 등록해서 관리하고 있다
- 과제할때 -> 지금 할수있는 문제부터 정의해보기
- 작은 단위부터 테스트해보면서 흐름 파악하기
- 배열 평탄화하는법 :
Array.flat(Infinity) - PR 다는법
- vite란? jsx, jsxFactory란?
- 다른 페이지 이동 -> 무조건 다 replace가 아니라 diff
- 새로고침 -> 완전히 페이지 새로고침 replace
회고
- 이번주는 가족여행이 겹쳐서 수~토는 거의 과제를 못했다.. ㅠㅠ 그래도 모각코 시간엔 꼭꼭 참여해서 팀원들이 공유하는 이야기를 들으면서 배운점이 많았다
- 이번 주차에는 팀원들끼리 공유하는 시간을 많이 가져서 좋았다 (우리조 팀원들 너무 다 잘하시고 멋있다!)
- 각자 코드를 다른팀원에게 설명하면서 피드백도 받고 새로운 접근법도 배우게되어서 좋은시간이었다 :)
(이번주에 과제 할 시간이 없었고 심화과제도 해내지못해서 너무너무 아쉬웠는데 팀원들이 힘이되는 말을 해주어서 기분이 좋았다 🙌🙌 우리팀 쵝오💛) - 나도 빨리 성장해서 팀원들 PR남길수있길
- 이번주차 심화과제가 굉장히 어려웠어서 아직도 모든부분을 이해하지못했다.. 이건 따로 더 공부해봐야겠다..!
- 다음 주차에는 다시 열심히해야겠다!!💪
- 다음엔 chatGPT/Claude를 적극적으로 사용해봐야겠다!
- 구현된걸보고 외우고 이해 공부해보기
https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Virtual-DOM/#_3-virtualdom-%E2%86%92-realdom
안녕하세요 :)