TIL (37) 썸네일형 리스트형 React Query 정리를 하게 된 계기는 Query를 사용하고 있었고, 사용했었고 어떻게 흘러가는지 알고 있다고 생각했다. 하지만 설명을 하라고 하면 정확하게 내가 알고 있는대로 설명할 수 없는 나를 보고 이건 모르는것이다. 라고 생각하게 되었고, 정리를 통해서 설명해보려고 한다. React-Query 이점 우리가 React-Query를 사용하는 이유는 데이터 조회, 캐싱, 동기화, 업데이트 등 많은 이점이 있다는 것이다. Query Refetching 조건 1. 런타임에 stale인 특정 쿼리 인스턴스가 다시 만들어졌을 때 2. window가 다시 포커스가 되었을때(옵션으로 조절가능) 3. 네트워크가 다시 연결되었을때(옵션으로 조절가능) 4. refetch interval이 있을때 요청 실패한 쿼리는 디폴트로 3번 더 .. [React] React에서 모달을 활용한 날짜와 시간 선택 관리하기 이번 프로젝트에서는 모달을 열어 사용자가 선택할 수 있는 날짜와 시간을 제공해야 했습니다. 이 과정에서 셀렉트 박스와 달력을 통해 사용자에게 직관적인 인터페이스를 제공하고, 선택된 값들을 함께 처리하는 기능을 구현했습니다. import 부분import * as z from "zod";import { zodResolver } from "@hookform/resolvers/zod";import { useForm } from "react-hook-form";import dayjs from "dayjs"; // 날짜 처리 라이브러리import "dayjs/locale/ko"; // 한국어 로케일import { format } from "date-fns"import { useMutation, useQueryCl.. TypeScript를 활용한 안전한 클라이언트-서버 통신 및 인증 관리 안녕하세요.오늘은 프론트 개발자가 TypeScript로 개발하기 편한 환경을 만들기 위해 한발짝 더 다가가보겠습니다. 최근 TypeScript를 사용하여 백엔드와 통신할 때 데이터 타입 추론이 어려운 경우가 있었습니다.그래서 백엔드에서 전송된 데이터의 타입과 내가 설정한 타입이 일치하지 않을 때, 콘솔에서 어떤 부분이 다른지 명확하게 표시되도록 작업해주었습니다. /** * print zod error log in console * @param error zod error */export function logZodError(error: z.ZodError) { error.issues.map((el) => { if ("received" in el && "expected" in el) { c.. 마크다운 사용 마크다운 언어 정리(하기 귀찮아서 정리 잘하신 분들꺼 모아보겠습니당. 모든 분들께 압도적 감사 드리며 ..(ʃƪ˶˘ ﻬ ˘˶) https://gist.github.com/ihoneymon/652be052a0727ad59601 마크다운(Markdown) 사용법 마크다운(Markdown) 사용법. GitHub Gist: instantly share code, notes, and snippets. gist.github.com https://geniewishescometrue.tistory.com/entry/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4-%EA%B4%80%EB%A0%A8-%ED%8C%81-%EA%B8%80-%EC%83%89%EC%83%81-%ED%98%95%EA%B4%91%E.. UTC와 KST, 헷갈려서 정리해봤습니다 시간은 어디서나 흐르지만, 표현 방식은 다릅니다.전 세계가 공유하는 UTC, 그리고 우리가 사용하는 KST. 이 둘의 차이를 정확히 알고 있어야 시간 처리 오류를 줄일 수 있습니다.🌐 UTC란?UTC는 Universal Time Coordinated, 즉 세계 협정시를 의미합니다.전 세계 기준이 되는 시각으로, 모든 시간대의 기준점입니다.예를 들어,📍 UTC 기준 00:00은📍 한국(KST) 기준 09:00입니다.즉, KST는 UTC에 +9시간을 더한 시간대입니다.🇰🇷 KST란?KST는 Korean Standard Time, 즉 한국 표준시입니다.한국은 UTC 기준 +9시간의 시차를 가지고 있으므로:UTCKST00:0009:0012:0021:00 ❗ 왜 UTC/KST가 중요한가요?프론트엔드에서는.. 이전 1 2 3 4 5 다음
