지난 포스팅 보기 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를 조져질 공부할 기회가 생겨 블로그에 정리해보려 합니다. 사실 여태 Node.js 만 파왔던 제게 React 는 아직도 너무나 어렵지만.. 열심히 해볼게요 :-) React Query 는 아예 처음 들어보진 않았고, 최근 SWR 을 써본 일이 있어서 둘의 차이나 장단점 등을 간략하게 공부했던 경험이 있습니다. 하지만 개념적으로나 사용법은 전혀 모르니 official document 와 구글 자료들을 찾아보며 하나씩 정리해보겠습니다. React Query 란? React Query는 React Application 에서 서버 상태를 가져오고, 캐싱하고, 동기화하고, 업데이트하는 작업을 쉽게 만들어 주는 라이브러리 입니다. 기본적으로 리액트에는 데이터를 가져오거나 업데이트..
github.com/jokj624/AIhomeTraining_web jokj624/AIhomeTraining_web 운동 자세를 판별해 카운팅하고 자세를 분석해 개선사항을 출력해주는 웹. Contribute to jokj624/AIhomeTraining_web development by creating an account on GitHub. github.com 스타 go zz 얼떨결에 통과한 졸업작품 운동 자세를 판별해 카운팅하고 자세를 분석해서 트레이너의 각도와 비교해 개선사항을 보여준다. 관절 좌표 모델은 Posenet을 사용했다. 나무자세 분류가 제일 어려웠다. 사실 너무 안돼서 걍 빼려다 한번 다른 데이터로 다시 학습시켰는데 갑자기 됨 깃헙 오픈소스도 많이 참고했다. 정말 감사드려요 많은 ai 요..
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..
졸업 작품으로 운동 자세 분석 웹을 개발 중이다. 거의 막바지라 슬슬 시간이 생겼으니 방금 게시판 검색을 구현해서 한번 적어보려 한다. 요근래 계속 프론트만 만지다가 서버랑 DB 만지니 어려웠다. 아 그리고 저는 정석으로 Node 랑 서버를 공부 하지 않아서 '쟤 왜 저렇게 힘들게 구현하지 ?' 라고 생각하실 수도 있으니 제 방식이 별로라면 다른 블로그에서 봐주세요 아직 갈길이 먼 개발자 꿈나무 입니다.. 게시판 포스팅이나 여타 다른 것들은 다 만들어 놨었고, 시간이 남아 내가 검색 기능을 구현한 것이다. 전체적으로 백엔드 부분은 ip99202.github.io/posts/nodejs,-mongodb-%EA%B2%8C%EC%8B%9C%ED%8C%90-%EA%B2%80%EC%83%89-%EA%B8%B0%E..
