ToMakeSure

클라이언트 useEffect(() => { let eventSource: EventSource | null = null; const connect = () => { // 기존 연결 닫기 if (eventSource) { eventSource.close(); eventSource = null; } // SSE 연결 설정 eventSource = new EventSource( `/api/notification?userPkey=${userInfo.pkey}&userLevel=${userInfo.level}` ); // 메시지 수신 이벤트 eventSource.onmessage = (even..

.ql-editor blockquote { border-left: 4px solid #ccc; /* 좌측 강조선 */ margin: 0; padding: 10px 15px !important; color: #555; background-color: #f9f9f9; font-style: italic; font-size: medium;}.ql-syntax { background-color: #f4f4f4 !important; /* 배경색 */ padding: 15px !important; /* 여백 */ font-family: "Courier New", Courier, monospace !important; color: #555 !important; font-size: small;} "..

- 서버 컴포넌트 // api import { S3Client, GetObjectCommand } from "@aws-sdk/client-s3"; import { Readable } from "stream"; const credentials = { accessKeyId: process.env.NEXT_PUBLIC_AWS_ACCESS_KEY_ID, secretAccessKey: process.env.NEXT_PUBLIC_AWS_SECRET_ACCESS_KEY, }; const s3Client = new S3Client({ region: process.env.NEXT_PUBLIC_AWS_REGION, credentials: credentials as any, }); export const getS3Video..

Nextjs와 tailwind , mui로 프로젝트를 진행하면서 amplify에 배포 후 일부 컴포넌트의 css가 개발환경과 다르게 적용되는 문제가 생겼습니다. 코드는 다음과 같습니다. setIsShow(!isShow)}> {"tses"} setIsShow(!isShow)}> {"tses"} tailwind로 작성된 text-black은 배포 후 버튼 둘다 적용되지 않았고 회전 딜레이를 준 아이콘은 style로 작성한 앞의 버튼만 정상동작했습니다. 해결방법은 mui 공식문서에 나와있습니다. https://mui.com/material-ui/integrations/interoperability/#tailwind-css tailwind.config.ts import type { Config } from "t..

Nextjs로 다크모드를 적용하던 중 다음과 같은 의문이 생겼다. 'use client' import { ThemeProvider } from 'next-themes'; interface ThemePropsInterface { children?: JSX.Element | Array | React.ReactNode; } export default function Providers(props:ThemePropsInterface) { const {children} = props; return ( {children} ) } 위의 코드에서 Provider는 클라이언트 컴포넌트인데 이걸로 감싼 children에 해당하는 컴포넌트는 모두 클라이언트 컴포넌트가 되는게 아닐까 ? 결국 SSR이 없어지고 Nextjs를 쓰..