오늘의목표
- 팀프로젝트 ..ing
오늘 배운점
- 오늘 useEffet()에 대해서 배웠는데 나는 그냥 이 useEffet()훅 자체가
useEffet(()=>{},[])이렇게 사용이 되서 []안에 있는 것이 랜더링 됫을때 useEffet안에 있는 로직이 실행이 된다 라고 알고 있었다. 근데 오늘 정예반 강의를 들으면서 이것이 잘못 알고있던 사실은 아니지만 더 알게된 사실이
``
import { useEffect } from "react";
function App() {
useEffect(() => {
console.log("useEffect 내부"); // 1번
}, []);
console.log("useEffect 외부"); // 2번
return <>화면에 보이는 부분</>;
}
export default App;
``
이렇게 있으면 2번이 호출이 먼저 되고 1번이 호출이 되는데 그이유가 useEffet()는 랜더링이
실행한후에 useEffet()훅이 실행이 되기 때문이었는데 이부분에 대해서 는 인지를 못하고있었던 부분이었다.
그리고 useEffet()안에 클린함수를 작성할수있는데 이것은
``
useEffect(() => {
console.log("useEffect 내부");
return () => {
console.log("useEffect 코드 실행 전 혹은 컴포넌트 없어질 때 실행됨");
};
}, [value]);
``
이부분에서는 외부함수 호출하고 useEffet()안에 콜백함수 호출전에 return () 이 호출된후
useEffet()이 호출이 된다.
느낀점
-
오늘 정예반 수업을 하면서 react에 대해서 뜨문뜨문 알던것을 확실하게 잡아갈수 있어서 좋았고 또한 이제 정예반 수업을 하면서 과제를 계속 내어주면서 react에 대해서 확실하게 할수있게 해주신다고 하셨는데 정말 기대가됬다.
-
그리고 프로젝트를 진행하고있는데 추가적인 해야 될일을 주말사이에 완료하고 월요일날 있을 발표를 위해서 준비도 해야겠다고 생각했다 오늘 처음 해보는 Youtube Api 를 사용해서 프로젝트에 녹여볼려고 시도중인데 잘되지 않는 부분도 있는거 같다.
