Hello_coding

개발중 , useEffect를 useLayoutEffect로 바꾸었더니 해결되는 현상을 경험했다. useLayoutEffect를 들어보긴 했지만.. 정확한 개념을 알고자 정리해보자! useEffect - 마운트,업데이트,언마운트 될 때 특정 작업을 처리할 때 사용한다. - Side effect를 수행하기 위한 Hook이다. useEffect에 대해서는 이전 글에서 자세히 정리해두었으니 아래 링크를 참고하도록 .. https://mandelina-code.tistory.com/80 [React - Hook] useEffect을 사용해 시계만들기 useEffect 란 ? - 어떤 컴포넌트가 마운트,업데이트,언마운트 될 때 특정 작업을 처리할 때 사용 - Side effect를 수행하기 위한 Hook reac..

useEffect 란 ? - 어떤 컴포넌트가 마운트,업데이트,언마운트 될 때 특정 작업을 처리할 때 사용 - Side effect를 수행하기 위한 Hook react에서의 Side effect란? → 서버에서 데이터를 불러오거나, 수동으로 Dom을 변경하는 등의 활동 → 즉 해석을 영향이라고 하면된다, - 사용법 useEffect(이펙트 함수()=>{ //작업.. return () =>{ //컴포넌트가 언마운트될 때, 또는 다음 렌더링시 불릴 useEffect가 실행되기 이전에 실행 } },[의존성 배열]); 의존성 배열? 말 그대로 effect가 의존하는 배열! 이 배열이 변경되면 effect 함수가 실행된다. Q1 .의존성배열을 생략하면 ? - 컴포넌트가 업데이트 될 때마다 호출 Q2. 이펙트 함수를..

버튼을 누를때마다 숫자가 증가하게 보이고 싶은데 ... 어떻게 해야하지 ...? Hook을 알기위해 알아야 할 내용 컴포넌트에는 두가지 종류가 있다. 1. Class Compoent 2. Fuction Compoent Class Compoent는 ? - 생성자에서 State를 정의한다 - setState() 함수를 통해 state를 업데이트 한다. - 컴포넌트의 생명주기 함수가 명확히 정의되어 있어 가져다 사용하면 된다. Q. state가 무엇인지 궁금하다면? https://mandelina-code.tistory.com/79 [React] useState에서 사용하는 State는 정확히 무엇을 말하는걸까? Hook을 공부하며 useState를 사용중 State에 대해 좀 더 자세히 알고 싶어 졌다. r..