목록분류 전체보기 (374)
Silver Library (Archived)
Intro react query 와 axios 의 사용법을 알겠으나, 계속 안되는 것을 보고 감이 왔습니다. 결론부터 기록하자면, 우선 중요한 사실... react-query 는 v3 격에 속하고, tanstack 은 일종의 v4, 나온지 얼마 안된 최신본을 의미한다 합니다. 그리고 어째선지 react-query 가 훨신 더 다운로드 횟수가 많죠. 그래서 저는 이 버전을 일종의 stable version 으로 여기기로 했습니다. 이 문제를 해결하기에 앞서, 자바스크립트에서 react, 그리고 axios에서 react-query 까지. 쭈욱...한번 처음부터 어디에서 지식 공백이 생긴건가 싶어 디스크 조각모음 하는 마음으로 종일 잡고 해봤습니다. 어쩌면, 제가 모르는 곳에서 원인이 있었는지도 모를일이지만...
지난번에는 Jikan API 로 Fetch API 와 함께 react 에서 개략적인 구성을 해 봤으니, 이번에는 GraphQL 을 이용해서 Jikan API 를 다시 한번 건드려 보고자 합니다. Jikan API 대신, 다른 API 를 사용해서 간단한 테스트 구동을 진행해보고자 합니다. 개요. react-query 를 주요하게 사용해서 REST API 데이터를 불러오기. 왜 이 실험을 하나요? 1. useEffect 보다도 보다 안정적이다 하기에. 2. 지난 인턴 때 겪었던 고충을 계기로 개선점을 알아가던 중, 추천받은 react-query. 3. axios 로 fetch 를 대체할 수 있다는 사실을 알게됨. 4. 아무튼 코드 길이가 줄어 듬. 5. hook 로 코드 개선하는게 꼭 나쁜건 아님 (적어도 ..
개념 복습 용으로 보기 좋아서 스크랩. 다만 도서를 별개로 구매해서 학습 및 복습 하는게 좋다고 생각합니다. 요약이다 보니 조금은 아쉬워요.
개요. The translate() CSS function (1) repositions an element (2) in the horizontal and/or vertical directions. Its result is a data type. 예시. 이걸로 백그라운드 배경 이펙트에 써먹을 수 있습니다. 참조. https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate translate() - CSS: Cascading Style Sheets | MDN The translate() CSS function repositions an element in the horizontal and/or vertical directions...