기본 콘텐츠로 건너뛰기

추천 가젯

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

모바일 청첩장 시리즈 1편 · 기획/스택/배포 리액트 + 비트(Vite)로 모바일 청첩장 만들기 — 1편 안녕하세요, 이번에 결혼 준비를 하면서 여자친구와 같이 모바일 청첩장 을 만들고 있어요. 여자친구가 디자인을 해서 전달해주면 제가 개발을 진행하고 있어요. 이 글은 구현기 1편 으로, 전체 흐름과 스택, 배포 구성까지 “부담 없이” 훑어봅니다. (코드는 여러 버전 테스트 중!) 이 글에서 보는 것 왜 SPA 모바일 청첩장인가? 기본 스택 & 폴더 구조 라우팅 선택: HashRouter가 편한 이유 Cloudflare Pages로 자동 배포 현재 진행 중인 UI 버전들(테스트 기록) 1) 왜 SPA 모바일 청첩장인가? 모바일 청첩장은 핵심이 명확해요. 가볍고 빠르고 끊김이 없어야 하고, 사진/지도/일정이 터치에 친화적 이어야 합니다. 그래서 React + Vite 로 싱글 페이지 앱(SPA)을 구성했고, 정적 호스팅(CDN)인 Cloudflare Pages 에 올려 GitHub 푸시 → 자동 배포 까지 한 번에 묶었습니다. UX 팁 · 이미지 WebP, loading="lazy" 기본 · 큰 터치 타깃 · BGM은 “사용자 탭 후” 재생(모바일 정책) 2) 기본 스택 & 폴더 구조 서버는 따로 두지 않았고, 정적 빌드 결과물( dist/ )만 올립니다. 현재 의존성은 아래와 같아요. package.json(요약) { "name": ...

파이썬 itertools로 반복문을 더 강력하게: cycle, chain, combinations 활용법

파이썬 itertools로 반복문을 더 강력하게: cycle, chain, combinations 활용법 🔁

itertools는 반복을 더 효율적으로 처리할 수 있도록 도와주는 파이썬 표준 라이브러리입니다. 그 중에서도 자주 쓰이는 cycle(), chain(), combinations() 함수에 대해 실전 예제로 알아봅니다.

itertools icon

✅ cycle(): 무한 반복 순환

리스트의 요소를 무한히 순환할 수 있습니다. 예: 로테이션 기능

from itertools import cycle

colors = ['red', 'green', 'blue']
cycler = cycle(colors)

for _ in range(6):
    print(next(cycler))

✅ chain(): 여러 리스트 연결

여러 개의 리스트를 하나로 연결하여 반복할 수 있습니다.

from itertools import chain

a = [1, 2]
b = [3, 4]
c = [5]

combined = list(chain(a, b, c))
print(combined)

✅ combinations(): 조합 생성

리스트에서 가능한 조합을 생성할 수 있습니다. 예: 조합 문제 해결

from itertools import combinations

items = ['A', 'B', 'C']
for combo in combinations(items, 2):
    print(combo)

itertools를 사용하면 복잡한 반복문 로직도 훨씬 간결하고 효율적으로 만들 수 있어요. 데이터 처리나 알고리즘 문제를 다룰 때 큰 도움이 됩니다.

반복을 단순히 반복하지 마세요. itertools로 반복을 설계하세요. 작은 차이가 더 나은 개발자를 만듭니다. 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon