TroubleShooting

2주차 목 (11.27)

UPDATE, PLACEMENT 혼용

root가 h1 → div 일때 PLACEMENT 이어야하는데 UPDTE가 됨

functional Compoent 변화 부분 오류

element() → element(

2주차 토 (11.28)

1. 함수형의 return 값에 { array.prototype.map을 활용한 렌더링 }을 구현.
2. setState 사용 시 연쇄적인 호출
3. fragment를 활용한 돔 구조 변경 최소화
4. 순서 바꾸기 경우의 수

3주차 일 (11.29)

1. 이벤트 처리 로직
   • 이벤트를 삭제하고 다시 생성하게 함.
   • 이벤트가 삭제되지 않고 중복으로 쌓이는 문제를 해결.
2. 함수형 컴포넌트 여러 개가 있어도 동작할 수 있게 수정
   • https://github.com/boostcamp-2020/Project18-D-WEB-Boostact/commit/3da8a5e88acad561f5ac943a745d9692c22551c7

3주차 월 (11.30)

1. useContext의 반환 값으로 무엇을 줘야 하는가?

3주차 화 (12.01)

1. Provider의 범위 문제
2. 전체 style의 rerendering 문제
3. createTextElement에서 undefined나 null을 처리하고자 한 조건문이 "0"을 잘못된 경우로 처리하였음.
   1. console.error()를 해주면 더 좋을 것.
4. ?.를 인식하지 못하는 문제로 인해 (트랜스파일링 문제) && 연산자 사용

3주차 목 (12.02)

1. [fix] deletion 시에 sibling 추적이 안되는 문제 해결
   • https://github.com/boostcamp-2020/Project18-D-WEB-Boostact/commit/a1258f3a8f4169de1c71d883c500d3050ee58678
   • child가 여럿이 삭제된 경우 sibling을 타고 따라갈 수 없는 것이 문제여서, 추적이 안 되는 경우를 삭제된 경우로 가정하였다.
     • 이것이 된다고 확신할 수 있는 경우는, 중간의 child가 삭제된 경우, 그 옆 child가 update로, 맨 마지막 child가 deletion으로 처리되기 때문.
2. UPDATE 시에 CSS 소멸 문제
   • PLACEMENT에서만 Style을 잡아주고 있었음.
3. determindState 함수에서 vChild의 부모가 없는 경우를 체크
   • https://github.com/boostcamp-2020/Project18-D-WEB-Boostact/commit/1b5e8eaefdd2e4079350c92dfd901c422d280124

3주차 금 (12.03)

1. ROUTER, LINK, CONTEXT에 대한 분기 처리
   • 이로 인해 presibling을 찾던 logic을 변경하여, 위 셋 중 하나인 경우 그 다음을 탐색하게 하였고,
   • 부모를 탐색할 때에는 component의 부모를 저 셋 중 하나인 경우의 부모로 찾아가게 함.
2. useEffect에 적용이 안되던 문제를 해결
   • https://github.com/boostcamp-2020/Project18-D-WEB-Boostact/commit/b16ed33cdcf2a9ef4bea20c7adf955ee00360993
3. children이 없는 경우에도 빈 객체를 생성하는 문제를 해결
4. null과 undefined로 서로 타입이 다른 경우를 해결
5. 삭제 함수가 재귀로 호출되는 것을 해결.
6. children에 빈 배열이 들어왔을 때 자식이 1개인 경우로 처리 ([[]])
   • flat 함수로 해결

4주차 화 (12.04)

1. event 변경 시 props가 바뀌지 않았어도 전체 rerendering 되는 문제