능히 해낼 수 있다

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). useEffect는React Hooks중에 하나로, 랜더링이 필요한 곳에 사용하는 내장메소드이다. 예를들어 컴포넌트를 만들었을 때, 컴포넌트가 시작될 때, 컴포넌트가 업데이트 될 때, 이 전체 주기를 생명주기라고 하며 이 과정에서 useEffect를 사용하면 된다. useEffect예시를 보기 전에 생명주기부터 살펴보자 0.Life Cycle(생명주기) 앞서 이야기 한 것 처럼 생명주기는 크게 세단계로 나눌 수 있다. mount(컴포넌트가 표시될 때) → update(컴포넌트의 "내부요소"가 업데이트 할 때) → unmount(컴포넌트가 사라질 때) 이 세단계 중 시점을 골라, 해당시점에 특정한 함수가 실..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 리액트 컴포넌트에는 Life Cycle(생명주기)라는 것이 있다. 컴포넌트가 표시되고 사라지는 순간까지를 나타낸 표현 인데, react에서 사용할 시점은 크게 mout → update → unmount로 나뉜다. 0. mount(컴포넌트가 표시될 때) useEffect(컴포넌트가 표시될 때 실행할 함수, [빈 대괄호]); 1. update (컴포넌트 내부 요소가 업데이트될 때) useEffect(요소들이 업데이트되는 시점에 실행할 함수, [업데이트 되는지 지켜볼 변수/State]); 2. unmount (컴포넌트가 사라질 때) useEffect(() => {return () => 컴포넌트가 사라질 때 실행..