Neon Runner 모바일 버전 만들기 #1
📱 모바일 게임 프로젝트 모바일 게임 만들기 #1 기획 · 기술 스택 선정 · Expo + FastAPI + PostgreSQL 세팅 2026.04.23 · React Native · FastAPI · PostgreSQL · Supabase 📋 목차 왜 모바일 버전을 새로 만들었나 기술 스택 선정 이유 웹버전과 달라진 점 게임 기획 — 추가된 기능들 프로젝트 구조 & Expo 세팅 FastAPI + PostgreSQL 백엔드 세팅 Supabase DB 연결 API 구조 완성 1 왜 모바일 버전을 새로 만들었나 웹버전 Neon Runner를 배포하고 나서 친구가..
React + FastAPI로 웹 게임 만들기 #4 - Render + Vercel 배포
🚀 배포 React + Python FastAPI로웹 게임 만들기 #5 Render + Vercel로 배포해서 누구나 접속 가능하게 만들기 2026.04.23 · Render · Vercel · 배포 📋 목차 배포가 뭔지, 왜 필요한지 전체 배포 구조 백엔드 배포 — Render 프론트엔드 배포 — Vercel 겪었던 오류들 완성된 링크 모음 1 배포가 뭔지, 왜 필요한지 지금까지 만든 게임은 내 컴퓨터에서만 돌아간다. npm run dev로 켠 서버는 내 PC에만 있고, 다른 사람은 접속할 방법이 없다. 배포(Deploy)는 내 컴퓨터에 있는 코드를 인터넷 서버에 올려서..
React + FastAPI로 웹 게임 만들기 #3 - 완성
🎮 사이드 프로젝트 React + Python FastAPI로웹 게임 만들기 #4 시작 화면 · 게임오버 · 닉네임 저장 · FastAPI 연동 · 리더보드 완성 2026.04.23 · React · FastAPI · 게임 완성 📋 목차 완성된 화면들 먼저 보기 시작 화면 만들기 게임오버 화면 + 닉네임 입력 FastAPI로 점수 저장하기 리더보드 화면 닉네임 중복 방지 진짜 힘들었던 오류들 1 완성된 화면들 먼저 보기 코드 얘기 전에 실제로 어떻게 생겼는지 먼저 보자. 총 4개 화면이 있다. 📺 시작 화면 ..
React + Python FastAPI로웹 게임 만들기 #2
🎮 사이드 프로젝트 React + Python FastAPI로웹 게임 만들기 #2 Canvas로 배경과 캐릭터 그리기 — useRef, requestAnimationFrame, Canvas API 2026.04.22 · Canvas · React · 애니메이션 📋 목차 Canvas API란? React에서 Canvas 쓰는 법 (useRef) 배경 그리기 — 하늘, 땅, 네온 라인 별 반짝임 — Math.sin()으로 애니메이션 만들기 캐릭터 그리기 — 사각형 5개로 로봇 만들기 requestAnimationFrame으로 움직임 만들기 최종 코드 & 결과 1 Canvas A..
React + Python FastAPI로웹 게임 만들기 #1
🎮 사이드 프로젝트 React + Python FastAPI로웹 게임 만들기 #1 프로젝트 세팅 — 폴더 구조, Vite, FastAPI 환경 구성까지 2026.04.22 · 환경 세팅 · React · FastAPI · Vite 📋 목차 왜 이 기술 스택을 골랐는가 전체 폴더 구조 PowerShell 실행 정책 해제 React + Vite 프론트엔드 세팅 Python FastAPI 백엔드 세팅 CORS 설정과 API 구조 진행 상황 & 다음 편 예고 1 왜 이 기술 스택을 골랐는가 이번에 만들 게임은 장애물을 피해 최대한 오래 버티는 무한 달리기 게임이다. 시간이..
🌤️날씨 데이터(2) - 저장하고API 서버까지 만들기
Python #02 · 파일 저장 + FastAPI + MySQL날씨 데이터 저장하고API 서버 + DB까지 만들기2026.03.25 · Java 개발자의 Python 입문기오늘 한 것#01에서 날씨 API를 호출해 터미널에 출력하는 것까지 만들었다. 이번엔 네 가지를 더 붙였다.01 날씨 API 호출 (지난 포스팅)requests.get() 으로 wttr.in API 호출, 딕셔너리로 가공02 JSON 파일로 저장결과를 result.json 파일로 저장03 FastAPI 서버 만들기브라우저에서 /weather/Seoul 로 조회04 여러 도시 HTML 리포트 자동 생성Python이 HTML 파일을 자동으로 만들어서 브라우저에서 확인05 MySQL에 날씨 기록 저장pymysql로 DB 연결, weathe..
🌤️날씨 데이터(1) - 날씨 정보 가져오기 (외부 API 호출)
Python #01 · 외부 API 호출Python으로 날씨 정보 가져오기requests + wttr.in API2026.03.25 · Java 개발자의 Python 입문기왜 날씨 API로 시작했나Java로 3년 정도 백엔드 개발을 해왔는데 Python은 처음이다. 문법책을 읽는 것보다 실제로 돌아가는 걸 만들면서 익히는 게 맞는 것 같아서 외부 API 호출을 첫 주제로 잡았다.Java에서는 RestTemplate이나 HttpURLConnection으로 했던 걸, Python에서는 requests 라이브러리 하나로 얼마나 간단하게 할 수 있는지 궁금했다.동작 흐름⌨️도시명 입력Incheon...→🐍Python 코드requests.get()→🌐wttr.in APIJSON 응답→📊결과 출력기온·습도·바..