기본 콘텐츠로 건너뛰기

추천 가젯

리액트 + 비트(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": ...

파이썬 제너레이터(generator)와 yield 완전 정복

파이썬 제너레이터(generator)와 yield 완전 정복 ⚙️

제너레이터(generator)는 메모리를 절약하면서 큰 데이터를 다룰 때 필수적인 기술입니다. yield 키워드를 통해 값을 하나씩 반환하며, 필요할 때마다 계산을 이어갈 수 있어요!

Python generator icon

✅ 제너레이터 기본 사용법

yield를 사용하면 값을 하나씩 반환하고, 함수 상태를 기억합니다.

# 제너레이터 기본 예제
def simple_gen():
    yield 1
    yield 2
    yield 3

gen = simple_gen()
print(next(gen))  # 1
print(next(gen))  # 2
print(next(gen))  # 3

✅ 무한 수열 생성하기

제너레이터는 메모리를 많이 쓰지 않고 무한 데이터도 처리할 수 있습니다.

# 제너레이터로 무한 수열 만들기
def infinite_counter(start=0):
    while True:
        yield start
        start += 1

counter = infinite_counter()
for _ in range(5):
    print(next(counter))

✅ 제너레이터를 활용한 조건 필터링

조건에 맞는 데이터만 걸러내는 필터링 제너레이터를 만들 수 있어요.

# 제너레이터를 활용한 필터링
def even_numbers(nums):
    for num in nums:
        if num % 2 == 0:
            yield num

numbers = [1, 2, 3, 4, 5, 6]
evens = even_numbers(numbers)
print(list(evens))  # [2, 4, 6]

제너레이터를 자유자재로 활용하면 대용량 데이터 처리나 스트림 처리에서도 파이썬 코드를 훨씬 더 효율적이고 가볍게 만들 수 있습니다!

필요할 때만 계산하는 지혜. 제너레이터를 마스터하면 당신의 코드가 한층 더 프로페셔널해진다. 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon