새싹성장기 TIL 24 쿼리의 다양한 방식 useQuery: 컴포넌트가 열리면 바로 실행 useApolloClient: 쿼리문을 원하는 시점에 실행하게끔 하고 받아온 결과를 내가 원하는 곳에 담을 수 있다. (axios와 비슷) 즉 다른 스테이트에 불러온 결과값을 담아서 사용할 수 있다. useLazyQuery: 쿼리문을 원하는 시점에 실행하게, 다만 useQuery를 원하는 시점에 실행하는 것으로 시점은 선택할 ... 새싹성장기새싹성장기 TIL 02 컴포넌트(Component)란? react의 핵심. UI 또는 기능을 부품화해서 재사용 가능하게 하는 것 큰 페이지 자체도 컴포넌트라 부를 수 있다 컴포넌트와 복사, 붙여넣기의 차이점은 수정단계의 차이이다. 즉, 컴포넌트에서는 import된 원본 컴포넌트만 수정하면 해당 컴포넌트를 적용중인 모든 사항이 수정되지만 태그를 복사하여 붙여넣으면 수정사항이 생길때 마다 찾아가 수정해야한다. 컴포넌트... 새싹성장기새싹성장기 TIL 31 데이터가 변경되지않는 컴포넌트가 다시 랜더링되어 리소스 낭비를 막기 위해 사용하는 메모 기능 메모 기능을 사용하면 데이터가 변경되지 않는 컴포넌트는 리랜더링이 발생하지 않는다. 물론 props 등을 통해 부모 컴포넌트로부터 데이터가 넘어오고, 해당 데이터가 변한다면 메모 기능과 상관없이 리랜더가 발생한다. 변수 또한 메모 기능을 사용할 수 있다. 물론 특정 값이 변할 때 해당 변수가 변하고 ... 새싹성장기새싹성장기
TIL 24 쿼리의 다양한 방식 useQuery: 컴포넌트가 열리면 바로 실행 useApolloClient: 쿼리문을 원하는 시점에 실행하게끔 하고 받아온 결과를 내가 원하는 곳에 담을 수 있다. (axios와 비슷) 즉 다른 스테이트에 불러온 결과값을 담아서 사용할 수 있다. useLazyQuery: 쿼리문을 원하는 시점에 실행하게, 다만 useQuery를 원하는 시점에 실행하는 것으로 시점은 선택할 ... 새싹성장기새싹성장기 TIL 02 컴포넌트(Component)란? react의 핵심. UI 또는 기능을 부품화해서 재사용 가능하게 하는 것 큰 페이지 자체도 컴포넌트라 부를 수 있다 컴포넌트와 복사, 붙여넣기의 차이점은 수정단계의 차이이다. 즉, 컴포넌트에서는 import된 원본 컴포넌트만 수정하면 해당 컴포넌트를 적용중인 모든 사항이 수정되지만 태그를 복사하여 붙여넣으면 수정사항이 생길때 마다 찾아가 수정해야한다. 컴포넌트... 새싹성장기새싹성장기 TIL 31 데이터가 변경되지않는 컴포넌트가 다시 랜더링되어 리소스 낭비를 막기 위해 사용하는 메모 기능 메모 기능을 사용하면 데이터가 변경되지 않는 컴포넌트는 리랜더링이 발생하지 않는다. 물론 props 등을 통해 부모 컴포넌트로부터 데이터가 넘어오고, 해당 데이터가 변한다면 메모 기능과 상관없이 리랜더가 발생한다. 변수 또한 메모 기능을 사용할 수 있다. 물론 특정 값이 변할 때 해당 변수가 변하고 ... 새싹성장기새싹성장기