본문 바로가기

전체 글122

Google Cloud Run이란? 언제 쓰면 좋을까? 어떻게 쓰는 걸까? 이번엔 내가 직접 써보고 느낀 Google Cloud Run에 대해 정리해볼게.Cloud Run은 구글 클라우드에서 제공하는 서버리스 컨테이너 실행 서비스야.한마디로 말하면:“도커 컨테이너만 있으면 자동으로 서버리스 배포 끝!” 1️⃣ Cloud Run이란? 🚀Cloud Run은 Docker 컨테이너를 서버리스로 실행해주는 서비스야.즉, 컨테이너 이미지만 있으면 서버 인프라(가상머신, Load Balancer, 스케일링) 관리가 필요 없어!요청이 오면 자동으로 컨테이너가 실행됨사용자가 없으면 자동으로 0으로 줄어들어 비용 절감트래픽이 늘어나면 자동으로 여러 인스턴스로 확장됨2️⃣ 언제 쓰면 좋을까? 🔥Cloud Run은 이런 상황에서 딱 좋아!✅ Docker로 만든 앱이 있다!→ 언어나 프레임워크 상.. 2025. 7. 12.
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.
배포 플랫폼 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.
반응형

티스토리툴바