목록전체 글 (172)

Daily Front_Minhhk

[meta tag] 카카오톡 링크 공유, 이미지 메타 태그

이번 프로젝트 홍보겸!그린나우 배포 후, 카카오톡 링크 공유 시 이미지 메타 태그에 관련해서 쓴다. 그린나우 프로젝트를 마무리 단계에 접어 들면서 index.html 에 메타 태그를 집어 넣어보았다.카카오톡에 링크로 보낼 때,  이렇게 보내지기 때문에, 없어보인다.이미지를 추가하자titledescriptionurl순서대로그린나우_grinnow나무의 발견 그린나우https://www.grinnow.com이렇게 적용이 됐다.이미지를 준비하자^og:image 에는 링크로 적용해야한다.src/assets/img/… 이렇게 하면, 현재 react-vite 프로젝트이기 때문에, SPA 라 브라우저에서 빈 html을 인식해서 값을 읽지 못한다.배포한 AWS 의 S3 에 이미지를 올려 링크를 걸어 두는게? 프로젝트 관..
Code개발일지 2024. 12. 8. 13:02
[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
이전 Prev 1 2 3 4 5 ··· 29 Next 다음