React Query 알아보기 - 2
·
DEV/React
지난 포스팅 보기 2022.09.14 - [프로그래밍/React] - React Query 알아보기 - 1 들어가며 안녕하세요. 오늘도 React Query 에 대해 알아보겠습니다. 지난편에는 개념과 간단한 세팅, 실습 + useQuery hook 을 알아봤는데요. 오늘은 값을 변경할 때 쓰이는 useMutation 쪽을 알아보고 실습도 해보려 합니다. useMutation useMutation 은 useQuery 와 달리 값을 변경, 추가, 삭제 하기 위해 사용하는 hook 입니다. mutation 는 다음 표에 있는 상태 중 순간마다 단 한가지 상태로만 존재합니다. isIdle or status === 'idle' 현재 fresh/reset 상태 isLoading or status === 'loadi..
React Query 알아보기 - 1
·
DEV/React
들어가기 최근 React Query를 조져질 공부할 기회가 생겨 블로그에 정리해보려 합니다. 사실 여태 Node.js 만 파왔던 제게 React 는 아직도 너무나 어렵지만.. 열심히 해볼게요 :-) React Query 는 아예 처음 들어보진 않았고, 최근 SWR 을 써본 일이 있어서 둘의 차이나 장단점 등을 간략하게 공부했던 경험이 있습니다. 하지만 개념적으로나 사용법은 전혀 모르니 official document 와 구글 자료들을 찾아보며 하나씩 정리해보겠습니다. React Query 란? React Query는 React Application 에서 서버 상태를 가져오고, 캐싱하고, 동기화하고, 업데이트하는 작업을 쉽게 만들어 주는 라이브러리 입니다. 기본적으로 리액트에는 데이터를 가져오거나 업데이트..
[React] 나와 비슷한 오마이걸 멤버는? 성격 테스트 개발
·
DEV/잡다한 개발 일지
https://db6isulurmsf3.cloudfront.net재미로 보는 나와 비슷한 오마이걸 멤버는?db6isulurmsf3.cloudfront.net 재미로 보는 나와 비슷한 오마이걸 멤버는?db6isulurmsf3.cloudfront.netReact로 간단한 성격 테스트 개발했습니다. 제가 오마이걸 팬이라 그냥 이 주제로 재미삼아 만들어봤습니다. 심심할 때 해보세요. 개발 일지, 어떤식으로 개발했는지는 글로 한번 올려볼게요. https://github.com/jokj624/OMG-Testjokj624/OMG-TestReact Toy Project : 재미로 보는 나와 비슷한 오마이걸 멤버는?! Contribute to jokj624/OMG-Test development by creating an..
[책리뷰/서평] 초보자를 위한 리액트 200제, 정보문화사
·
DEV/React
안녕하세요. 처음으로 서평 이벤트에 당첨되어 책을 하나 받았습니다. 제목은! 초보자를 위한 리액트 200제, 이정열 지음, 정보 문화사 서평은 무슨.. 책 읽고 독후감도 제대로 못쓰는데.. 졸업작품 때문에 리액트를 하던 중이라 이벤트에 참가했는데 당첨 됐습니다. 사실 책이 온지는 한달이 넘었지만 제가 졸업작품을 3월 31일 까지 하느라 이제야 쓰게 됐네요. 거창한 서평은 아닐 것 같고! 졸업작품 동안 간간히 책을 보면서 느낀 좋았던 점들을 써보려고 합니다. 표지에 시작부터 실무 배포까지라는데 기대되네요. 제가 리액트를 1월에 처음 시작했습니다. 졸업 작품을 리액트로 개발했어요. 그리고 그때 팀원들과 보기 시작한 책이 벨로파트(김민준)님의 '리액트를 다루는 기술' 입니다. 주로 그 책을 보고 개발했지만 2..