본문 바로가기

Tech Notes115

Firebase란? 언제, 왜 써야 할까? 그리고 어떻게 쓸까? 💡 안녕! 오늘은 내가 직접 경험하면서 알게 된 Firebase에 대해 쉽고 간단하게 정리해볼게.Firebase는 구글에서 제공하는 Backend-as-a-Service(BaaS) 플랫폼으로, 앱이나 웹서비스 개발할 때 백엔드를 빠르게 구축하고 관리할 수 있도록 도와줘요! ✨ 1️⃣ Firebase란?Firebase는 구글이 만든 개발자 도구 모음이에요.주요 기능으로는 데이터베이스, 인증, 스토리지, 호스팅, 클라우드 함수 등 서비스가 있어서,복잡한 서버 구축 없이도 빠르게 앱을 만들고 운영할 수 있답니다! 🎉2️⃣ Firebase를 언제 사용하면 좋을까? 🤔🏃‍♂️ 빠르게 프로토타입 만들 때서버 인프라 걱정 없이 빠른 개발과 테스트가 필요할 때! 🚀 작거나 중간 규모 프로젝트작은 스타트업, 개인 프.. 2025. 7. 12.
React 의 Context 에 대해서 역할비유Context전역 변수 틀 (모음)Provider그 틀에 값을 넣어주는 SetteruseContext그 틀에서 값을 꺼내는 Getter ✅ Context 핵심 흐름1️⃣ createContext👉 전역 데이터 틀을 만든다. 2️⃣ Provider로 value를 전달한다👉 Context에 실제 데이터를 채워서 하위 컴포넌트한테 공급한다. 3️⃣ useContext로 value를 꺼낸다👉 하위 어디서든 꺼내서 사용! 2025. 7. 7.
서버리스 최강자 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.
반응형

티스토리툴바