# componentDidMount

8개의 포스트
post-thumbnail

useEffect

useEffect는 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정하도록 설정할 수 있는 Hook 이다. 클래스형 컴포넌트의 componentDidMount 와 componenetDidUpdate 를 합친 형태로 보아도 무방하다.Info.js마운트될 때만

2020년 8월 5일
·
0개의 댓글
post-thumbnail

componentDidMount 2

이런 식으로 이름표를 달아서 콘솔에 확인해볼 수 있다.hello라는 스트링 뒤에 값이 들어오는 것을 확인할 수 있다.hello: 값 이 state에 저장되게 해야한다.state는 "컴포넌트의 저장소"이기 때문이다.따라서, setState를 써서 넣어주게 되면 다음과 같

2020년 7월 19일
·
0개의 댓글
post-thumbnail

componentDidMount()

값을 호출해서 state에 저장하면 계속해서 render가 또 작동된다.따라서, componentDidMount가 필요하다."최초에 한번만 하면 된다."를 작동하려면componentDidMount()를 쓰면 된다.componentDidMount() {}이 안에 fetc

2020년 7월 19일
·
0개의 댓글
post-thumbnail

[React] Data 호출을 위한 fetch()

문제.............................1\. index.js API 호출 주어진 API주소를 호출하여 데이터 로딩을 처리한다.componentDidMount()fetchsetState (monsters 에 저장)\*index.jsCardList 컴포넌

2020년 6월 17일
·
0개의 댓글
post-thumbnail

SMG TIL #7 - ReactJS에서 fetch()함수를 이용한 API호출 (feat.componentDidMount)

벨로그에서 처음 API에 대한 언급을 했는데,여기서 API란 무엇일까 ?API : 응용 프로그램에서 사용할 수 있도록, 운영 체제 혹은 프로그래밍 언어에게 제공하는 인터페이스(규격)을 의미짧게 결과적만 말하자면 API를 통해 데이터를 제공 받을 수 있다.어제 과제를 설

2020년 6월 17일
·
0개의 댓글

(TIL 45일차) useEffect 및 Eslint 자동적용 문제 (소켓 통신)

useEffect 올바른 사용법 eslint 자동적용 문제

2020년 3월 18일
·
0개의 댓글
post-thumbnail

[+35]ComponentDidMount뒤에 render시키기

mock-data를 이용해서 componentDidMount에 fetch를 시켜서 render를 시키려고 했는데 문제가 발생했다.mock data에서 fetch로 가져올 정보는 이 product였고componentDidMount에 fetch를 시켜줬다.render되는

2020년 3월 2일
·
0개의 댓글
post-thumbnail

useEffect에 대한 짧은 가이드

들어가기 전에 이 글은 useEffect API에 대해 어느정도 익숙한 독자를 위한 글입니다. 그리고 오역과 의역이 많을 수 있으니 이상하다 싶은 부분은 원래 문서를 참고해주시기 바랍니다. A Complete Guide to useEffect - Dan Abramov 에서 정보를 얻어 번역하였습니다. I got information from here an...

2019년 5월 13일
·
2개의 댓글