오늘 배운것

상태끌어올리기 스프린트

• 도착지 검색 버튼을 누른다
• search함수 실행
• 안에서 condition을 바꿔주는 setCondition이 호출되고
• condition이 변경되었음
• useEffect가 작동되고,
• getFlight가 호출되고
• getFlight컴포넌트 안에 fetch가 호출되어
• 외부에서 데이터를 가져왔음 (fflightlist)
• setFlightList를 ....

sideEffect

사이드 이펙트는 외부요인으로 인해 내 코드에 변동이 생길 수 있는 가능성이 있다! 가 포인트.

useEffect는 다음과 같은 조건에서 실행된다

1. 컴포넌트 생성 후, 처음 화면에 렌더링될때
2. 컴포넌트에 새 props가 전달될때
   (immutable하게 변경될 때 => 새 props => 완전히 props가 변경됨)
3. 컴포넌트의 state가 바뀔때

useEffect는 인자가 두개이다.

첫번째 인자 : 함수 ! 해당함수 내에서 sideEffect를 실행한다.
두번째 인자 : 조건을 담고 있는 배열 (종속성 배열이라고 부른다)
===> 1. 없을때, 2.빈배열[]일때, 3.상태를 담고 있는배열[condition]
각각 1. 계속 렌더링됨, 2. 처음 한번만 렌더링 됨 3. 조건이 변경되는 경우에만 렌더링됨

정리 및 느낀점

여기까지 오는데 단 하루도 호락호락하게 넘어가는 날이 없는 것 같다.
useEffect역시 이해가 되는듯 싶으면서도, 어딘가에서 계속 걸리는 느낌이 든다.
더 멘붕인 것은.. sprint속 혹은 toy속 기본 코드로직들에서 자꾸만 막힌다..
역시 기본이 부족한것인가 싶기도 하고 나만그러는건가 싶기도 하고 ㅜ
내일부터는 책상에 엉덩이 붙이고 있는 시간을 조금 더 늘려야 할것 같다