티스토리

dmscks3126 님의 블로그

검색하기

블로그 홈

dmscks3126 님의 블로그

dmscks3126.tistory.com/m

dmscks3126 님의 블로그 입니다.

구독자: 2

방명록 방문하기

주요 글 목록

[REACT-Shop-PJT] Lifecycle과 useEffect 2 useEffect에 넣을 수 있는 실행조건useEffect(()=>{ 실행할코드 }, [count])useEffect()의 둘째 파라미터로 [ ] 를 넣을 수 있는데변수나 state 같은 것들을 넣을 수 있다그렇게 하면 [ ] 에 있는 변수나 state가 변할 때만 useEffect 안의 코드를 실행해준다.그래서 위의 코드는 count라는 변수가 변할 때만 useEffect안의 코드가 실행된다.(참고) [ ] 안에 state 여러개 넣을 수 있음 useEffect(()=>{ 실행할코드 }, [])아무것도 안넣으면 컴포넌트 mount시 (로드시) 1회 실행하고 영영 실행해주지 않는다. clean up functionuseEffect 동작하기 전에 특정코드를 실행하고 싶으면 return ()=>{} 안에 .. 공감수 0 댓글수 0 2025. 3. 16.
[REACT-Shop-PJT] Lifecycle과 useEffect 1 컴포넌트의 인생컴포넌트는 Lifecycle이라는 개념이 있다. 컴포넌트도 인생이 있는 것 컴포넌트는1. 생성이 될 수도 있고 (페이지에 장착) (mount)2. 재렌더링이 될 수도 있고 (update)3. 삭제가 될 수도 있다. (unmount) 컴포넌트의 인생을 배우는 이유는 컴포넌트 인생 중간중간에 간섭할 수 있기 때문이다.간섭이란? 그냥 코드실행인데컴포넌트가 장착이 될 때 특정 코드를 실행할 수도 있고컴포넌트가 업데이트될 때 코드를 실행할 수도 있다는 것이다. 그럼 재밌는 기능들을 개발할 수 있다. 인생에 간섭하는 방법"Detail 컴포넌트 등장 전에 이것좀 해줘""Detail 컴포넌트 사라지기 전에 이것좀 해줘""Detail 컴포넌트 업데이트 되고나서 이것좀 해줘"이렇게 코드좀 실행해달라고 간.. 공감수 1 댓글수 0 2025. 3. 16.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.