기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 리스트 슬라이싱(slicing) 완전 정복

파이썬 리스트 슬라이싱(slicing) 완전 정복 🍰

슬라이싱(Slicing)은 리스트나 문자열과 같은 시퀀스 자료형에서 일부분을 쉽게 추출할 수 있도록 해주는 파이썬의 강력한 기능입니다. 이번에는 기본부터 심화까지 깔끔하게 정리해볼게요!

Python slicing icon

✅ 기본 슬라이싱

리스트[start:stop] 형태로 원하는 구간을 잘라낼 수 있어요.

# 기본 슬라이싱
numbers = [0, 1, 2, 3, 4, 5]
print(numbers[1:4])  # [1, 2, 3]

✅ step 사용하기

슬라이싱에 세 번째 인자 step을 주면 건너뛰면서 추출할 수 있습니다.

# step 사용하기
print(numbers[::2])  # [0, 2, 4] (2칸씩 건너뛰기)

✅ 음수 인덱스를 사용한 역순 슬라이싱

step을 음수로 주면 리스트를 거꾸로 뒤집을 수도 있어요.

# 음수 인덱스로 역순 슬라이싱
print(numbers[::-1])  # [5, 4, 3, 2, 1, 0]

✅ 리스트 깊은 복사 만들기

슬라이싱을 이용하면 얕은 복사가 아닌, 새로운 리스트를 복사할 수 있습니다.

# 리스트 깊은 복사 (얕은 복사 방지)
copy_numbers = numbers[:]
print(copy_numbers)  # [0, 1, 2, 3, 4, 5]

파이썬 슬라이싱은 데이터를 다룰 때 생산성과 가독성을 모두 높여줍니다. 특히 역순 정렬이나 부분 리스트 추출은 알고리즘 문제에서도 매우 자주 등장해요!

한 줄로 데이터를 다루는 기술, 슬라이싱을 마스터하면 당신의 코드가 더 날렵해집니다. 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon