강의 노트 2

[REACT-Shop-PJT] Lifecycle과 useEffect 2

useEffect에 넣을 수 있는 실행조건useEffect(()=>{ 실행할코드 }, [count])useEffect()의 둘째 파라미터로 [ ] 를 넣을 수 있는데변수나 state 같은 것들을 넣을 수 있다그렇게 하면 [ ] 에 있는 변수나 state가 변할 때만 useEffect 안의 코드를 실행해준다.그래서 위의 코드는 count라는 변수가 변할 때만 useEffect안의 코드가 실행된다.(참고) [ ] 안에 state 여러개 넣을 수 있음 useEffect(()=>{ 실행할코드 }, [])아무것도 안넣으면 컴포넌트 mount시 (로드시) 1회 실행하고 영영 실행해주지 않는다.  clean up functionuseEffect 동작하기 전에 특정코드를 실행하고 싶으면 return ()=>{} 안에 ..

[REACT-Shop-PJT] Lifecycle과 useEffect 1

컴포넌트의 인생컴포넌트는 Lifecycle이라는 개념이 있다. 컴포넌트도 인생이 있는 것 컴포넌트는1. 생성이 될 수도 있고 (페이지에 장착)  (mount)2. 재렌더링이 될 수도 있고 (update)3. 삭제가 될 수도 있다. (unmount) 컴포넌트의 인생을 배우는 이유는 컴포넌트 인생 중간중간에 간섭할 수 있기 때문이다.간섭이란? 그냥 코드실행인데컴포넌트가 장착이 될 때 특정 코드를 실행할 수도 있고컴포넌트가 업데이트될 때 코드를 실행할 수도 있다는 것이다. 그럼 재밌는 기능들을 개발할 수 있다.  인생에 간섭하는 방법"Detail 컴포넌트 등장 전에 이것좀 해줘""Detail 컴포넌트 사라지기 전에 이것좀 해줘""Detail 컴포넌트 업데이트 되고나서 이것좀 해줘"이렇게 코드좀 실행해달라고 간..