기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 any()와 all() 함수 심화 사용법

파이썬 any()와 all() 함수 심화 사용법 🎯

any()all() 함수는 조건 검증이나 데이터 필터링을 간결하고 빠르게 처리할 수 있는 파이썬의 강력한 도구입니다. 이번에는 기본 사용법을 넘어 심화 활용법까지 정리해볼게요!

Python any all icon

✅ any 함수: 하나라도 True면 True

리스트나 시퀀스 안에 하나라도 참(True)인 값이 있으면 결과는 True입니다.

# any: 하나라도 True면 True
nums = [0, 0, 3, 0]
result = any(nums)
print(result)  # True

✅ all 함수: 모두 True여야 True

모든 요소가 참(True)일 때만 결과가 True가 됩니다.

# all: 모두 True여야 True
flags = [True, True, False]
result = all(flags)
print(result)  # False

✅ 리스트 컴프리헨션과 any 결합하기

조건을 만족하는 항목이 하나라도 있으면 True를 반환합니다.

# 리스트 컴프리헨션과 함께 any 사용
values = [5, 12, 7, 30]
over_10 = any(x > 10 for x in values)
print(over_10)  # True

✅ 리스트 컴프리헨션과 all 결합하기

모든 항목이 조건을 만족하는지 검증할 수 있습니다.

# 리스트 컴프리헨션과 함께 all 사용
values = [11, 12, 15, 30]
all_over_10 = all(x > 10 for x in values)
print(all_over_10)  # True

any()all()을 자유자재로 활용하면 조건 체크, 데이터 검증, 필터링을 훨씬 깔끔하고 빠르게 처리할 수 있어요!

복잡한 조건 검증도 한 줄로 끝낸다. any()와 all()을 정복하면, 당신의 코드가 한층 더 날렵해진다. 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon