분류 전체보기

사용방법컬렉션 클릭 > Variables 클릭 > 변수 설정 {{base_url}}/questions변수를 {{변수}} 로 감싸 사용합니다.

OpenAI 공식 권장사항OpenAI의 공식 문서에서는 다음과 같은 시스템 프롬프트 작성 지침을 제공합니다.1. 맥락 제공(Context): 충분한 배경 정보를 제공하세요.(ex: "React 초보자로 상태 관리에 어려움을 겪고 있습니다.")2. 역할 정의(Role): AI에게 특정 역할이나 페르소나를 부여하세요. (ex: "시니어 React 개발자로서 조언해주세요.")3. 명확성(Clarity): 명확하고 구체적인 지시를 제공하세요. (ex: "Redux 대신 사용할 상태 관리 라이브러리 3가지를 추천해주세요.")4. 단계별 지시(Step-by-step): 복잡한 작업은 단계별로 나누어 지시하세요.(ex: "1) 단점 설명 2) 대안 소개 3) 추천 라이브러리")5. 출력 형식 지정(Format): 원..

const completion = await openai.chat.completions.create({ model: "gpt-4o", // 사용할 AI 모델 지정 messages: [ // 시스템 메시지로 AI의 역할과 응답 형식 정의 { role: "system", content: systemPrompt }, // 사용자 메시지로 케이스 정보 전달 { role: "user", content: userPrompt }, ], temperature: 0.7, // 응답의 창의성 조절 (0: 결정적, 1: 창의적) response_format: { type: "json_object" }, // JSON 형식 응답 강제 });

소스코드https://github.com/LDK1009/Supabase-FCM-Push-Notification GitHub - LDK1009/Supabase-FCM-Push-Notification: Next.js + Supabase + FCM 을 활용한 푸쉬 알림 기능 소스코드 저장Next.js + Supabase + FCM 을 활용한 푸쉬 알림 기능 소스코드 저장소입니다. - LDK1009/Supabase-FCM-Push-Notificationgithub.com 배경문제는 Supabase 푸시 알림 기능 구현 중 FCM 토큰 발급 과정에서 발생했습니다. Supabase 푸시 알림 기능 구현을 위해서는 FCM(Firebase Cloude Message)을 활용해 FCM 토큰을 발급 받아야했습니다.FCM ..

방법1. Next.js https 개발 서버 실행npx next dev --experimental-httpsCA 인증서 관련 안내문 팝업 시 수락합니다. 방법2. mkcert를 이용한 방법(추천)프로젝트 경로에서 cmd 실행파일 편집기에서 프로젝트 폴더 경로로 이동합니다.  폴더 경로에 cmd 입력 후 엔터를 치면 해당 경로에서 cmd가 실행됩니다. mkcert 설치winget install mkcert해당 경로에서 mkcert를 설치합니다. local CA 생성mkcert -install next local server 연동mkcert localhost 서버 파일 생성const { createServer } = require("https");const { parse } = require("url");c..

미리보기 코드"use client";import { useState, useEffect } from "react";import { Button, Snackbar, Alert, styled } from "@mui/material";import { GetApp, Close } from "@mui/icons-material";/** * PWA 설치 프롬프트 이벤트 인터페이스 * 브라우저 표준이 아니므로 직접 타입 정의가 필요함 */interface BeforeInstallPromptEvent extends Event { prompt: () => Promise; userChoice: Promise;}/** * PWA 설치 버튼 컴포넌트 * 사용자가 PWA를 설치할 수 있도록 UI를 제공함 */const In..

src / components / KakaoAdFit.tsx// KakaoAdfit.jsximport {useEffect, useRef} from "react";// any 타입 대신 명시적 타입 정의interface KakaoAdFitProps { unit: string; width: number; height: number; disabled?: boolean;}// window 타입 확장declare global { interface Window { adfit?: { destroy: (unit: string) => void; }; }}function KakaoAdFit({unit, width, height, disabled}..

cmd 실행cmd에 접속합니다. ip 주소 확인ipconfig위 명령어를 통해 ip주소를 확인합니다.IPv4 주소를 복사합니다(위에서는 192.168.154.161) 모바일에서 접속휴대폰에서 복사한 ip주소로 접속합니다.http://{ip주소}:3000ex) http://192.168.154.161:3000