e7e

2024.10.14 - [React] - React(리액트) 티키타카 15 ( restful, tanstack, axios)글에서 잠깐 다루었지만도 불구하고, 은폐 엄폐된 낯설다는 의견이 어느덧 분분하여 암막커튼이 오토매틱하게 스스로 뽀인또를 드러낼 수 있도록 기본 전개를 다시 해보장. 아래 tanstack 홈페이지에 가면 실시간으로 NPM 다운로드 숫자가 표시되는데, 엄청나당.https://tanstack.com/원래는 그냥 react-query였는데, 유명해져서 @tanstack 브랜드명을 가지게 되었당. 잘 쓰고싶땅?. 잘 쓰려면 아래 3가지를 일단 브레인에 단어라도 낯설지 않게 구겨넣장.[ Restful 단어가 브레인에 잔잔하게 파도친다면 이미 너무 훌륭하당!~~]QueryClient -> ..

React 2025. 4. 8. 21:32

Tanstack Query(구 React-Query)에서 제공하는 무한 스크롤을 쉽게 구현하게도와주는 useInfiniteQuery를 괘니 그냥 특별한 이유없이 심심하게 해보장.[꼭 써야 하는 건 아니당. 안 쓰고도 얼마든지 구현할 수 있당. 아무튼 그러탕!] 그라믄 또 이제는 손이 지겨워할 반복 준비 작업부터 시작하장.(기본 세팅된 폴더를 가지고 있고, 그걸 복사해서 쓰고 있다면 당신은 이미 캡짱이당!) 1. 이름 영어로 아무렇게나  어딘가 나중에도 찾기 쉬운 곳에 새 폴더를 만들공2. vscode로 해당 폴더를 연 후, 터미널 열공 3. npx create-vite@latest .                         명령으로 필요한 파일들 현재 폴더에 다운로드4. npm i           ..

React 2025. 3. 19. 11:31

2024.10.10 - [React] - React(리액트) 티키타카 14 (useEffect Hook + fetch )글에서 우리가 설치한   json-server는  미처 눈치 못챘겠지만  Restful 서버당. Restful이란 url이 아닌 클라이언트로 부터 온 메소드가 무엇인가? 에 따라서버 동작이 결정되는 것인데, 강제는 아니고 써보니  명확하고 좋아서 모두 그렇게 쓰는관례당. 규모가 커졌을 때 프론트 와 백엔드를 나누어 작업할 때도 그렇게 좋당. 아래가 가장 일반적 메소드 사용 관례당.(참고로 form태그는 get과 post만 지원한당)모두 지원하는 것은 AJAX당 (아래 이외에도 patch등등 더 있당.)GET 은 조회, POST는 생성, PUT은 수정, DELETE는 삭제  json-se..

React 2024. 10. 15. 23:53