기본 콘텐츠로 건너뛰기

추천 가젯

리액트 + 비트(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 바인딩 추가: ...

파이썬 enumerate()와 zip()을 활용한 실전 반복문 최적화

파이썬 enumerate()와 zip()을 활용한 실전 반복문 최적화 🔁

반복문을 작성할 때 enumerate()zip()을 잘 활용하면 더 깔끔하고 효율적인 코드를 만들 수 있습니다. 이번 글에서는 두 함수를 **개별적으로** 사용하는 방법부터, **함께 조합하여 반복문을 최적화**하는 실전 패턴까지 정리해봅니다.

반복문 최적화 아이콘

✅ enumerate()와 zip() 각각 사용

인덱스가 필요한 경우 enumerate(), 두 리스트를 병렬로 반복할 경우 zip()을 사용할 수 있습니다.

# enumerate와 zip 개별 사용 예시
names = ['Alice', 'Bob', 'Charlie']
scores = [85, 92, 78]

for i, name in enumerate(names):
    print(i, name)

for name, score in zip(names, scores):
    print(name, score)

✅ enumerate + zip 조합 패턴

두 리스트를 동시에 반복하면서 각 요소의 인덱스까지 함께 추적해야 할 때 아래와 같이 활용할 수 있어요.

# enumerate + zip 함께 사용한 반복문
for i, (name, score) in enumerate(zip(names, scores)):
    print(f"{i+1}. {name} - {score}점")

✅ zip은 가장 짧은 리스트 길이에 맞춰 반복

zip()은 길이가 다른 리스트를 처리할 때, 가장 짧은 쪽 기준으로 반복됩니다.

# 리스트의 길이가 다를 경우 zip은 짧은 쪽에 맞춰 반복
names = ['Alice', 'Bob']
scores = [90, 85, 77]

for i, (name, score) in enumerate(zip(names, scores)):
    print(f"{i+1}. {name} - {score}")

이러한 반복문 패턴은 데이터 가공, 출력 포맷 지정, 인덱스 기반 매핑 등 실전에서 매우 유용합니다. for i, (a, b) in enumerate(zip(...)) 구조를 자유롭게 활용해보세요!

반복을 잘 다루는 개발자가 깔끔한 코드를 만드는 법을 압니다. 오늘도 단단한 기초, 미래의 성장을 만들어갑니다. 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon