개발하다 종종 보있던 에러인데, 무언가 요청을 하고 페이지 이동을 하게 되면 state를 업데이트를 하려고 보니 컴포넌트는 언마운트 되어서 발생한 문제다.실무하면서도 몇 번 보았고 메모리 릭을 유발하니 useEffect clean()이나 mount 상태를 보고 b
count는 그저 숫자다. state를 업데이트할 때마다, 리액트는 컴포넌트를 호출한다. 매 렌더 결과물은 고유의 counter상태 값을 살펴본다. 이 값은 함수 안에 상수로 존재하는 값이다. 랜더링 결과물에 숫자 값을 내장하는 것에 불과한 것!setCount를 호출할
카테고리를 누르면 해당 카테고리 페이지로 넘어가고 해당 카테고리에 맞는 데이터를 서버에서 받아 와야 한다. 즉, router 후에 query를 가져와서 그것을 서버에 전송해야 하는 것이었다. 다른 팀원의 파트였는데 프로젝트 기간 중에는 결국 시간적 압박으로 해결하지 못
state, effect, ref hooks 친구들을 모두 활용할 수 있는 즐거운 sticky!window scroll이 아니니까 ref로 target를 지정한다. target의 움직임을 감지하는 함수를 만들고 움직일 때마다 함수를 실행한다. state값에 일정 y값
지도를 띄우자 내 마음에 지도를 띄우자 시작 키 발급은 생략하고 먼저 지도를 담을 컴포넌트를 만든다. 지도를 넣을 곳에 id를 준다. useEffect으로 api를 호출하는데  소개 hourplace라는 장소 렌탈 플랫폼을 클론 코딩 백엔드와 프론트엔드의 협업을 통해 실질적으로 웹이 만들어지는 플로우를 이해 hourplace
Hook은 state와 생명 주기를 hook into(연동)하게 해주는 함수다. 컴포넌트 간 상태와 관련된 오직을 재사용하기 위해서 (HOC, render props)복잡한 컴포넌트들을 이해하기 어려워서class는 사람과 기계를 혼동시킨다(왜죠?)state와 라이플 사
Coffe 컴포넌트는 데이터를 받아오고 CardList에 데이터를 뿌린다.Coffee 컴포넌트 내부.일단 CDM으로 데이터를 가져오는데 LIMIT이란 상수를 준다. 그리고 이제 button을 ruturn하는데 버튼에 fetchCoffee라는 함수가 있다. limit과
Monsters가 부모 컴포넌트고 CardList에 데이터를 뿌린다. CardList에는 Card컴포넌트가 있다. 이제 Monsters에서 Card를 클릭하면 각 카드에 맞게 이동해야 한다. Card 컨테이너에 onClick을 한다. 그리고 함수 실행. 함수에는 his