전체 글

getPublicUrl함수를 통해 이미지의 Public URL을 얻는데에 성공했지만 이를 태그의 src 속성에 넣어도 이미지가 보이지 않는다면 다음을 확인해야합니다.이미지의 public url을 불러오는 버킷이 public으로 설정되어 있는지 확인합니다.

1. bucket 이름에 오타가 없는지 확인하기2. bucket 정책이 올바르게 설정되어있는지 확인하기 ( 테스트 시 bucket을 public으로 설정해보는 것도 추천합니다.)3. 중복된 파일명으로 업로드 시도중인지 확인하기4. 업로드 파일명에 한글이나 공백문자 등 허용되지 않는 문자가 포함되어있는지 확인하기(하이픈, 영어, 숫자, 점 가능)5. supabase key가 제대로 설정되어 있는지 확인하기

const FileSelectButton = () => { const [file, setFile] = useState(null); function handleFileSelectChange(e: React.ChangeEvent) { const file = e.target.files?.[0]; if (file) { setFile(file); } } return ( 최대 10MB 이하 .jpg, .png 첨부가능 );};export const FileSelectButton_Con..

import dayjs from "dayjs";import React from "react";import { DemoContainer, DemoItem } from "@mui/x-date-pickers/internals/demo";import { DateCalendar } from "@mui/x-date-pickers/DateCalendar";import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider/LocalizationProvider";import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";import "dayjs/locale/ko";const CalenderE..

Unfold All = 모든 코드 접기 단축키Unfold Recursively = 선택한 영역 코드 접기 단축키Fold All = 모든 코드 펼치기 단축키Fold Recursively = 선택한 영역 코드 펼치기 단축키원하는 단축키로 변경 후 Cursor를 재실행하면 정상적으로 단축키가 동작합니다.

src/components/SwipeableTemporaryDrawer.tsx"use client";import * as React from "react";import Box from "@mui/material/Box";import SwipeableDrawer from "@mui/material/SwipeableDrawer";import { Typography } from "@mui/material";import { useDrawerStore } from "@/store/ui/drawerStore";type Anchor = "top" | "left" | "bottom" | "right";export default function SwipeableTemporaryDrawer() { const { anch..

서비스워커 코드를 변경해도 변경사항이 적용되지 않았습니다.이에 서비스워커 업데이트 방법을 공유합니다.

// Firebase Cloud Messaging API 호출하여 푸시 알림 전송 const res = await fetch( `https://fcm.googleapis.com/v1/projects/${serviceAccount.project_id}/messages:send`, { method: 'POST', headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${accessToken}`, // 인증 토큰 설정 }, body: JSON.stringify({ message: { token: fcmToken, // 사용자 기기의 F..