기본 콘텐츠로 건너뛰기

추천 가젯

리액트 + 비트(Vite)로 모바일 청첩장 만들기 — 2편

모바일 청첩장 시리즈 2편 · R2 갤러리 & Firebase 방명록 Cloudflare R2 · Functions Firebase Firestore 클라우드플레어 R2로 갤러리 저장하고, Firebase로 방명록 달기 안녕하세요, 병민입니다 🙌 1편에서 전체 흐름을 잡았고, 이번엔 사진 업로드/보관 과 방명록 을 연결합니다. 서버는 따로 없고 Cloudflare Pages 를 쓰고 있으니, Pages Functions (= 워커)로 R2에 사전서명 URL을 만들어주고, 프론트에서 그 URL로 바로 업로드하는 구조예요. 방명록은 Firebase DB로 간단·안전하게! 전체 그림 프론트(React) → /api/r2/upload 로 업로드용 URL 요청 → R2에 파일 PUT 프론트(React) → /api/r2/list 로 목록 요청 → 갤러리 렌더 프론트(React) → Firebase SDK로 방명록 작성/조회 1) R2 버킷 & Pages Functions 준비 Cloudflare 대시보드 > R2 > Create bucket (예: wedding-gallery ) 버킷 > Settings > CORS 에서 사이트 도메인 허용(예: https://*.pages.dev , 커스텀 도메인) Pages 프로젝트 > Settings > Functions 에서 R2 바인딩 추가: ...

파이썬 Unpacking 완전 정리

Unpacking Icon

파이썬 Unpacking, 제대로 알고 쓰자 💡

파이썬에서는 리스트나 튜플을 여러 변수에 한 번에 할당할 수 있는 Unpacking 문법을 제공합니다.

✅ 기본 예제

user = ("Alex", 29, "Developer")
name, age, job = user

print(name)  # Alex
print(age)   # 29
print(job)   # Developer

✅ 언더바(_)로 값 무시하기

user = ("Alex", 29, "Developer")
name, _, job = user

print(name)  # Alex
print(job)   # Developer

✅ *연산자로 나머지 묶기

data = (100, 200, 300, 400, 500)
first, *middle, last = data

print(first)   # 100
print(middle)  # [200, 300, 400]
print(last)    # 500

이런 문법을 익혀두면 가독성과 생산성을 높일 수 있어요! 실무에서도 매우 자주 쓰이니까 꼭 기억해두세요 💪

TechVerse Home에서 매일 배우는 개발 성장기 ✨

댓글

가장 많이 본 글

Icons by Flaticon