분류 전체보기125 서버리스 최강자 Supabase!!! ✅ Supabase란?Supabase = 오픈소스 Firebase 대체제PostgreSQL + 인증(Auth) + 스토리지 + 실시간 API를 서버리스로 한 번에 제공.백엔드를 직접 만들지 않고도 인증, DB, 파일 저장, API를 다 쓸 수 있음.내부적으로는 여러 오픈소스 도구를 조합해서 제공.✅ Supabase의 구성 요소아주 간단히 핵심 4대 요소로 보면:구성 요소역할PostgreSQL DB데이터 저장소 (유저, 게시물 등)GoTrue Auth Server이메일/비밀번호, OAuth 소셜 로그인PostgREST API GatewayDB를 안전한 REST API로 자동 노출Realtime/Storage실시간 데이터 & 파일 스토리지 ✅ 핵심 요소 1️⃣ PostgreSQL DBSupabase는 Po.. 2025. 7. 7. 요즘은 schema로 client + server 둘 다 validation 하는 게 거의 표준인가봐! 옛날 사람이라 입력값은 화면에서(frontend) 하고, 넘어온 값으로 처리(backend)를 하는 게 보통이라고 생각했는데,지금 프로젝트 똑같은 validation 을 양쪽에서 다 하고 있었다.'왜그러지?' 하고 넘어갔었는데개인 프로젝트를 하면서 AI Tool 이 만들어준 로직을 보다가 궁금증이 생겨 알아보니 ChatGPT 가 다음과 같은 대답을 해줬다. 🔑 왜?1️⃣ 중복된 로직을 줄임예전에는:클라이언트: JS에서 if (!email.includes('@')) 이런 거 하고,서버: 다시 express나 django에서 if (!email) 또 함.👉 이렇게 두 번, 세 번 같은 로직을 중복으로 씀.2️⃣ 동일한 스키마로 유지보수 편함Zod, Yup, Joi 같은 schema validator를 쓰.. 2025. 7. 7. Vite + React + Tailwind 와 Next.js 의 차이 ✅ 1️⃣ Vite + React + TailwindVite: 빌드 도구 (빠른 개발 서버 + 번들러)React: UI 라이브러리Tailwind: CSS 프레임워크 (유틸리티 클래스)👉 이렇게 쓰면 그냥 순수 React SPA(Single Page Application) 개발 환경이야.페이지는 클라이언트에서 렌더링(Client-Side Rendering, CSR)서버는 딱히 없음. API 필요하면 따로 Express나 Firebase 같은 걸 붙여야 해.정적 파일로 빌드해서 Netlify, Vercel 등에 배포.✔️ 특징:✅ 세팅 가벼움✅ 개발 서버 속도 빠름✅ 내가 직접 라우팅, SSR 같은 건 따로 설정해야 함✅ 2️⃣ Next.jsNext.js는 React를 기반으로 한 프레임워크야.Vite처럼.. 2025. 7. 4. 내 텔레그램 ID 찾는 가장 쉬운 방법! (봇으로 바로 확인하기) pip install requestsimport requestsBOT_TOKEN = "여기에_봇_토큰"CHAT_ID = "여기에_내_텔레그램_ID"def send_telegram(message): url = f"https://api.telegram.org/bot{BOT_TOKEN}/sendMessage" payload = { "chat_id": CHAT_ID, "text": message } response = requests.post(url, json=payload) return response.json()# 사용 예시send_telegram("서버 배포 완료!")send_telegram("에러 발생: NullPointerException")텔레그램에.. 2025. 7. 3. 배포 플랫폼 Firebase ✅ Firebase가 뭔데?Google이 제공하는 클라우드 플랫폼.DB, 인증, 스토리지 등 다 있지만 Firebase Hosting은 정적 사이트(HTML/CSS/JS) 빠르게 배포하는 데 많이 씀.React + Vite 빌드된 정적 파일도 여기에 올리면 끝.✅ 필수 준비1️⃣ Firebase 계정 (Google 계정으로 로그인)2️⃣ Firebase 프로젝트 만들기3️⃣ 로컬에 Node.js 설치 (이미 되어있으면 OK)✅ 배포 순서1️⃣ Firebase CLI 설치터미널에서:bash npm install -g firebase-tools 2️⃣ Firebase 로그인bash firebase login3️⃣ Firebase 프로젝트 만들기Firebase 콘솔(https://console.firebase.. 2025. 7. 3. 깃허브 액션(GitHub Actions) 완전 정복 ✅ 깃허브 액션이란?GitHub Actions는 코드를 자동으로 빌드하고, 테스트하고, 배포까지 해주는 자동화 도구(CI/CD)입니다.별도의 서버가 필요 없이, GitHub에서 제공하는 가상 머신(러너)이 자동으로 실행해줍니다.대표적으로 Push, Pull Request, Schedule(크론 스케줄러) 등 다양한 이벤트(Trigger)로 워크플로우가 돌아갑니다.📁 폴더 구조GitHub Actions는 프로젝트 루트에 .github/workflows/ 폴더를 만들어서 설정합니다.여기에만 넣고 github에 push 하면 알아서 스케줄이 돌아갑니다. (완전 신기!) .github : GitHub가 자동으로 인식하는 특별한 폴더workflows : CI/CD 자동화 스크립트(YAML)를 넣는 곳⚙️ 기본 .. 2025. 7. 1. 이전 1 ··· 17 18 19 20 21 다음 반응형
