기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 집합(set) 완전 정리

파이썬 집합(set) 완전 정리 🧺

set은 파이썬에서 중복을 제거하거나 집합 연산을 할 때 유용하게 쓰이는 자료형입니다. 수학에서 배운 집합 개념과 매우 비슷하게 동작해요!

파이썬 set 아이콘

✅ 기본 set 사용

중복되지 않는 데이터를 담을 수 있으며, 특정 항목이 있는지 빠르게 확인할 수 있어요.

fruits = {"apple", "banana", "cherry"}
print("banana" in fruits)  # True

✅ 집합 연산 (합집합, 교집합, 차집합)

수학 시간에 배운 집합 연산도 그대로 사용 가능해요.

a = {1, 2, 3}
b = {3, 4, 5}

print(a.union(b))       # 합집합
print(a.intersection(b)) # 교집합
print(a.difference(b))   # 차집합

✅ 리스트 중복 제거에 활용

set을 이용해 리스트의 중복을 제거하는 실전 예제입니다.

items = ["apple", "banana", "apple", "orange", "banana"]
unique_items = set(items)
print(unique_items)  # 중복 제거된 결과 출력

set은 데이터 정제, 빠른 탐색, 중복 제거 등 다양한 상황에서 유용한 자료형입니다. dict와 마찬가지로 내부적으로는 해시 구조를 사용해 성능도 우수해요!

복잡한 데이터를 정리하는 가장 깔끔한 방법, 바로 set! 오늘부터 데이터는 중복 없이 깔끔하게. TechVerse와 함께 성장하는 개발자 되자 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon