목록Code개발일지 (103)

Daily Front_Minhhk

[React] 로그인 시, 유입종류 브라우저&웹&모바일 로그 남기기

접속한 브라우저 종류 및 웹이냐 모바일에 따라 로그 따로 남길 때 MOBILE, WEB 은 상수다,,export const MOBILE = "mobile"export const WEB = "web"import { MOBILE, WEB } from "@/constants/words";export const isMobileDevice = (): string => { const userAgent = navigator.userAgent; const mobileRegex = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i; if (mobileRegex.test(userAgent.toLowerCase())) return MOBILE; ret..
Code개발일지 2024. 12. 8. 12:47
[Git] ssh-key 여러개 사용

깃허브 두개의 아이디로 사용해야 할 일이 생겨서 config 에 등록해서 사용 💡 ssh key 생성,, 적용 이메일 및 ssh key 이름 지정 ssh-keygen -t rsa -b 4096 -C "test@gmai.com" -f ~/.ssh/id_rsa_B~/.ssh/id_rsa_B.pub >> github 에서 ssh-key 등록 이후# Create the config file with PowershellNew-Item -Path $HOME\\.ssh\\config -ItemType File# Open config File with NotepadC:\\WINDOWS\\System32\\notepad.exe $HOME\\.ssh\\config# or Open file with Visual Codec..
Code개발일지 2024. 12. 8. 12:44
[React] 파일 다운로드 훅_blob filedown hook

import { useState } from "react";import useToast from "@/hooks/toast/useToast";const useFileDownload = () => { const toast = useToast(); const [isDownloading, setIsDownloading] = useState(false); // 다운로드 상태 관리 //! 파일 미리보기 const handleFileView = (fileUrl: string) => { if (!fileUrl) return console.error("파일이 없습니다"); window.open(fileUrl, "_blank"); }; //! 파일 다운로드 const handleFileDownlo..
Code개발일지 2024. 12. 8. 12:34
[vercel] react-vite vercel 간단 배포

vite.config.tsimport { defineConfig } from "vite";import react from "@vitejs/plugin-react-swc";import path from "path";export default defineConfig({ base: "/", // vercel 배포 main redirect plugins: [react()], resolve: { alias: { "@": path.resolve(__dirname, "./src"), "@public": path.resolve(__dirname, "./public"), }, }, build: { chunkSizeWarningLimit: 1000, // 임계값을 1000kB로 ..
Code개발일지 2024. 12. 8. 12:27
[next.js] react-pdf__적용 (+ zoom in/out)

react-pdfDisplay PDFs in your React app as easily as if they were images.. Latest version: 8.0.2, last published: 7 days ago. Start using react-pdf in your project by running `npm i react-pdf`. There are 784 other projects in the npm registry using react-pdf.www.npmjs.com pdf 뷰어 다시 적용할 작업이 생겨!오랜만에 리마인드 느낌으로 다시 작성@  next.config.mjs 파일 수정!!const nextConfig = { //? react-pdf__config 설정____________..
Code개발일지 2024. 5. 14. 16:19
[TanStack Query] isFetching vs isLoading

💡 tanstackQuery 가 데이터를 캐싱 한다는 점이 중요!! isLoading 및 isFetching 속성은 데이터의 로드 상태를 나타내는 데 사용한다 isFetching 비동기 쿼리 함수가 해결안된 상태 → true (데이터를 가져오는 상태) isLoading isFetching 참이면서, 쿼리에 대한 캐시된 데이터가 없는 상태 isLoading 이 참이면, isFetching 도 참이다! 요약하면 isLoading 은 처음 data Fetching 을 할 때, isFetching은 data Fetching 요청을 다시 할 때 (캐시된 데이터가 있을 때,,) 📌 즉, 결론적으로 isLoading과 isFetching은 비슷하게 '로딩' 이라는 개념을 사용하지만 기존에 캐시된 데이터가 있느냐 에 ..
Code개발일지 2024. 2. 25. 20:10
이전 Prev 1 2 3 4 5 ··· 18 Next 다음