10/15

함수의 관심사 - 해야할일
순수함수 - 외부의 무엇인가를 변경해서는 안된다
입력이 같으면 경과가 같다 - 외부의 영향을 받지안는다
callback 나주엥 호출되는얘 - callback을 지정해 외부에서 작동하도록 한것이다
출력ui
버튼에서 출력 -버튼을 만드는것
입력 - props
함수형으로 호출시 내부적으로 데이터를 알고 싶을때 만들어진것이 hook
useState 어딘가에 이 함수만을 위한 공간을 만들겠다
저장되어있던 스테이트를 바꾸고 화면에 그려진부분을 다시그리기 위해서 함수자체를 다시 호출한다
일부분만 갱신하기 위해 다시 호출한다
const MyButton = (props-입력) => {
출력 = return <Button onPress={()=>{
alert('pressed');
}}/>


MyButton을 여러개 사용해도 서로 새로운것이 생성되는것이다
useCallback
내용이 안바뀌면 옛날것을 계속 쓰겟다
const MyButton = (props-입력) => {
const click = useCallback~~
출력 = return <Button onPress={click}}/>
}


MyButton2() // c1생성 onpressc1
MyButton2() // c2생성 usecallback c1을 리턴 button 넘기느 ㄴonpress c1
useCallback을 사용하면 c1을 그대로 넘기게된다 so 계속 0이 나오게된다
new Array === [] 배열 자체는 다르지만 안에 있는것들은 같을 수 있다
prop이 안바꼇어도 다시 랜더링을 시도한다
함수느 ㄴ상태가 없다 하지만 이르 ㄹ보존하ㅣㄱ 위해서 useState와 useCallback이 나왔다
usecallback은 안서도 결과물에 는 영향이 없다
tree가 길게 있는데 상위 일부분만 props가 바뀌었을때 나머지 하위는 다시 렌더링이 되지 않도록 하기 위해서 사용한다
새로 렌더링을 하기 위한 기준이라고 생각하면될듯?
useCallback 은 리턴을 해주고
useEffect 는 바뀔때 실행해준다

()=> ()=> {}
=== ()=> {return function}