2021.06.15(Tue.)

1. 함수의 인자가 () 라면?

• 인자를 받지 않는 함수는 계속 결과를 반환한다. 데이터 자체를 받아 오지 않기 때문에 결정된 결과만 반환한다.
• React에 이벤트 객체도 마찬가지다. 이벤트를 받아 오지를 않고, 결과로 쓴 return 값만 반환할 것이다.

2. 함수의 인자가 함수라면? (콜백 함수)

• 인자로 받은 함수를 실행하고, 나아가 실행된 함수가 나온 값으로 다시 밖의 함수를 실행한다. 이름을 통해서 다시 그 함수를 실행시킬 뿐이다.
• 내부의 함수가 어디를 보고 있는지가 중요하다. 주소가 헷갈릴 수 있다.
• 왜 이런 짓을...?
  • 함수를 전달한다는 것은, 그 함수가 가진 레퍼런스가 전달된다는 의미이다. 가장 밖의 함수의 인자는 그저 값을 전달받고 있고, 그 안의 함수로 인자를 받고 있으니, 그 안의 함수의 인자만 조절하고, 가장 밖의 함수를 호출할 때 들어갈 인자로 함수를 넣어주면 내부의 함수에서 받은 인자로 가장 밖의 함수를 호출하게 된다.
  • 결론은, 재사용성이 높아진다. 가장 밖의 함수가 인자들을 넣어주고 호출할 때 그 인자들이 필요한 함수를 호출하게 되기 때문이다.

3. 리액트의 데이터를 가져오는 것과 랜더링 되는 것은 다르다!

• 말 그대로다. props로 데이터를 가져오면 컴포넌트를 이용해 올바르게 렌더링 한다.
• 가지고 오는 정보는 많아도 화면에 노출시키기 않아도 되는 정보들도 있다. (id 라던가)
• 콘솔 창이나 console.log를 중간에 넣어서 어떤 정보를 가지고 오고 있는지 확인하고, 렌더링 할 때 내가 원하는 정보를 선택적으로 가져올 수 있다.

리액트에서 아직도 원하는 인자를 정확히 전달할 수가 없다
내일 할 일을 정확히 정해서 아무것도 안 하는 시간을 줄이자!