삽질방지구역 (81) 썸네일형 리스트형 React mutationKey는 무엇일까요? mutationKey의 정의와 역할 MutationKey는 무엇일까?mutationKey가 존재하는 이유는 여러 mutation들을 식별하고 관리하기 위해서 입니다. MutationKey의 용도1. 로딩 상태 추적// 여러 mutation이 있을 때 특정 mutation의 로딩 상태만 확인const isMutating = useIsMutating({ mutationKey: ['productGroup'] });// 모든 productGroup 관련 mutation이 실행 중인지 확인const isProductGroupLoading = useIsMutating({ mutationKey: ['productGroup', 'search'] });// 특정 컴포넌트의 mutation만 확인const isThisComponentLoading .. queryKey는 무엇일까요? queryKey 역할과 사용 예제 api를 조회할때 볼 수 있는 queryKey와 mutationKey 에 대해서 알아보겠습니다. queryKey와 mutationKey의 차이1. queryKey - 조회용 캐시// 이것은 데이터를 조회하고 캐시하는 키queryKey: ["news","daily",2534] 2. mutationKey - 변경 작업용 식별자// 이것은 mutation 작업을 식별하는 키 (캐시와는 별개)mutationKey: ['home', 'search', articleId] 예제const { mutate } = useMutation({ mutationKey: ['home', 'news', articleId], // 🔸 mutation 식별용 mutationFn: data => api.xxxxx({...}).. return false 와 return 의 차이점은 무엇일까? return 을 사용하면?undefined를 반환 (묵시적)조건에 따른 조기 종료에 사용로깅, 초기화 함수 등에서 많이 사용"아무것도 반환하지 않음"을 의미 return false 를 사용하면? event.preventDefault() + event.stopPropagation()명시적으로 false 값을 반환성공/실패를 명확히 구분해야 할 때 사용이벤트에서는 기본 동작을 완전히 차단API 설계에서 실패 상태를 나타낼 때 유용 // 이 둘은 동일한 효과function handler1(event) { event.preventDefault(); event.stopPropagation();}function handler2(event) { return false;} 언제 사용하나요?ret.. [React] useQuery 와 useMutation 의 차이와 사용 예제 useQuery 와 useMutation 의 차이와 사용 예제 useQuery란?- 데이터 조회(Read)용 - 서버에서 데이터를 가져오는(fetch) 용도 const { data, isLoading, error } = useQuery({ queryKey: ['products'], queryFn: () => fetchProducts()}); - GET 요청에 주로 사용- 자동캐싱, refetch, background fetch, stale 관리를 해줌- 컴포넌트가 마운트 될 때 자동 실행(페이지 로딩시)- query key를 기준으로 캐시 구분함 useQuery 예제import React, { useState } from 'react';import { useQuery, useMutation, u.. 2025 민생회복소비쿠폰 정보 그리고 제주 탐나는전(지역화폐) 혜택 2025 민생지원금 정보와 제주 탐나는전(지역화폐) 혜택 민생회복 소비쿠폰이란?민생회복 소비쿠폰은 물가 상승에 따른 국민의 체감 부담을 덜고 지역경제를 활성화하기 위해 정부가 지급하는 소비 지원금. 대상자의 소득 수준에 따라 15만 원에서 최대 50만 원까지 차등 지급되며, 일부 지역 거주자에게는 추가 혜택도 제공 제주탐나는전 (지역화폐) 해택 탐나는 전으로 소비쿠폰을 쓴 사람 중 1000명 선착순 2만원 상당의 탐나는전 포인트 지급.제주은행 탐나는전 체크카드 이용자에게는 추가 혜택 제공네이버페이로 신규 가입하면 7000 네이버페이 포인트 지급네이버페이로 결제하면 선착순 3000명에게 3000 네이버페이 포인트를 각각 지급지에스(GS)25 편의점에서 5000원 이상 사용하면 3000원 GS25 쿠폰.. 원하는 음악으로 아이폰 벨소리, 알람음 설정하기 (iphone garage band) 원하는 소리로 아이폰 벨소리, 알람음 설정하고 싶을 때 설정하는 방법이에요저는 아침에 일어날 때 엄마 목소리를 들으면서 일어나고 싶어서 녹음해서 설정했어요.사용자 음악으로 아이폰 벨소리 설정하기1. 원하는 벨소리를 mp4, m4a 형태로 icloud drive 에 저장하기저장한 위치는 잘기억해 놓고 garage band에서 불러올때 해당 위치에서 불러와야 합니다.2. garageband 스토어에서 어플 다운받기기본적으로 깔려있는데 사용자가 바탕화면 정리하면서 사용하지 않는다고 판단해서 지웠을 수도 있습니다. 그런경우에는 앱스토어에서 다시 다운로드 받으면 됩니다.3. GarageBand 최근 항목 > + 버튼 클릭어플 실행 후 우측 상단에 + 버튼을 눌러줍니다.4. 가운데 메뉴버튼 > 트랙 > 오디.. Reducer 개념 및 구조와 예시 코드, 어떤 상황일때 사용해야 하는 걸까? Reducer란?reducer는 상태(state)를 업데이트하는 함수로, 주로 Redux나 useReducer 훅을 사용할 때 등장하는 개념입니다. 기본개념reducer는 현재 상태(state)와 액션(action)을 받아서 새로운 상태를 반환하는 순수 함수입니다.기존 상태를 직접 변경하는 게 아니라, 새로운 상태를 반환하는 방식으로 동작합니다. 기본 구조function reducer(state, action) { switch (action.type) { case "INCREMENT": return { count: state.count + 1 }; case "DECREMENT": return { count: state.count - 1 }; default: .. 제주에서 꽈배기 생각나면 찾아가는 백한철 꽈배기, 용꽈배기 저는 이상하게 겨울철만 되면 붕어빵 오뎅 말고꽈배기가 생각나더라구요 그래서어제 자기전에 세운 오늘 오전계획은 아침 일찍 일어나서 드라이브 겸사겸사 백한철 꽈배기를 가는 것이 었어요 아침에 출근길 차 막히는 시간대가 지나니 9시 30분 집에서 백한철 꽈배기까지 네비를 찍어보니 편도 48km...인기 많다고 들어서장거리 갓는데 아무것도 없으면너무 속상할것 같아서 재료소진 여부를 미리 파악해보고자 전화를 시도해보았는데 네이버, 카카오맵에 업체정보에서 전화번호를 찾을 수 없었어요 ㅠㅠ네이버 블로그 포스팅에 나와있는 전화번호로도전화해보았는데 모두”없는 전화번호입니다“ 라고 나오더라구요실시간 정보를 찾을 수 있을까 해서 인스타그램을 찾아보았는데 사장님 자제분들이 운영하는 것 같았어요 ”DM 문의x".. 이전 1 2 3 4 ··· 11 다음
