JSCODE Logo
JSCODE 박재성JSCODE 제이온JSCODE 시니
과외유튜브블로그후기
완강 후기 이벤트블로그 리뷰 이벤트AWS SAA 합격 후기 이벤트
회사명 : JSCODE대표 : 박재성사업자 등록번호 : 244-22-01557통신판매업 : 제 2023-인천미추홀-0381 호

서울특별시 구로구 경인로 20가길 11(오류동, 아델리아)

Copyright ⓒ 2026 JSCODE - 최상위 현업 개발자들의 프로그래밍 교육 All rights reserved.

이용약관개인정보처리방침

AI로 웹사이트 만들고 애드센스 수익화하기

나만의 자동화 시스템 설계하기

프롤로그 : 왜 나만의 웹사이트를 만들어야 하는가
실제로 광고 수익화에 성공한 웹사이트 소개
웹사이트를 만들기 전에 고려해야 할 것

구조와 개발 환경 이해하기

서비스 구조 4가지 패턴 정리 (①~ ④)
이번에 만들 예제(날씨 기반 옷차림 추천 사이트 아키텍처)
개발 환경 세팅

프론트엔드 서버리스 기능 구현하기

v0로 초기 화면 설계 및 개선
v0 결과물을 Cursor 프로젝트로 이식
OPEN API 선정(WeatherAPI)
Supabase Edge Function 구현 & WeatherAPI 연동
Cloudflare 환경변수, Supabase 키 설정
Cursor로 최종 UI/UX 다듬기 (API 기반 데이터 표시)
← 블로그 목록으로 돌아가기

Cloudflare 환경변수, Supabase 키 설정

JSCODE 모던크루소
JSCODE 모던크루소
2026. 03. 15.
author
JSCODE 모던크루소
category
AI 수익화
createdAt
Dec 30, 2025 09:38 PM
isPublic
isPublic
series
AI로 웹사이트 만들고 애드센스 수익화하기
slug
adsense-with-ai-cloudflare
type
post
updatedAt
Mar 15, 2026 09:00

Cloudflare 환경변수, Supabase 키 설정

edge function을 호출할 때는 supabase API key (anon public)가 필요합니다.
복사해줍니다.
notion image
notion image
 
 
cloudflare에서 환경변수로 세팅해줍니다.
변수 이름은 임의로 정하셔도 됩니다.
다만, 실제 코드에서 해당 변수 이름을 활용하는지 꼭 확인하셔야 합니다.
notion image
 
notion image
📎
이 글은 2시간 만에 AI로 애드센스 수익형 웹사이트 만들기 강의의 수업 자료 중 일부입니다.