![]()
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..
-- ==========================================-- 댓글(comments) 테이블 정책-- ==========================================-- 모든 사용자가 댓글 조회 가능CREATE POLICY "모든 사용자가 댓글 조회 가능"ON commentsFOR SELECTUSING (true);-- 인증된 사용자만 댓글 생성 가능CREATE POLICY "인증된 사용자만 댓글 생성 가능"ON commentsFOR INSERTWITH CHECK (auth.uid() = user_id);-- 사용자는 자신의 댓글만 수정 가능CREATE POLICY "사용자는 자신의 댓글만 수정 가능"ON commentsFOR UPDATEUSING (auth.uid()..
const CommentTextField = styled(TextField)` & .MuiOutlinedInput-root { border-radius: 24px; & fieldset { border-color: ${({ theme }) => theme.palette.primary.main}; } &:hover fieldset { border-color: ${({ theme }) => theme.palette.primary.main}; } &.Mui-focused fieldset { border-color: ${({ theme }) => theme.palette.primary.main}; border-width: 2px; } }`;
