기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 datetime과 timedelta로 시간 차이 계산하기

파이썬 datetime과 timedelta로 시간 차이 계산하기 ⏰

개발을 하다 보면 '남은 기간'이나 '경과 시간'을 계산해야 할 때가 많습니다. 파이썬의 datetimetimedelta 클래스를 활용하면 복잡한 시간 계산을 아주 간단하게 처리할 수 있어요.

Python datetime 아이콘

✅ 두 날짜 간의 차이 계산하기

datetime 객체끼리 빼면 자동으로 timedelta 객체가 반환되어 남은 시간을 쉽게 알 수 있습니다.

from datetime import datetime, timedelta

now = datetime.now()
deadline = datetime(2025, 5, 15)
remaining = deadline - now

print(f"마감일까지 남은 시간: {remaining}")

✅ 특정 기간 이후의 날짜 계산하기

timedelta를 활용하면 오늘 날짜를 기준으로 며칠 후, 몇 시간 후 같은 계산도 간단합니다.

# timedelta를 활용한 시간 계산
five_days = timedelta(days=5)
future_date = now + five_days

print(f"5일 후 날짜: {future_date}")

시간 계산은 프로젝트 일정 관리, 이벤트 스케줄링, 로그 기록 분석 등 다양한 분야에서 필수적입니다. datetime과 timedelta만 잘 활용해도 시간 관련 기능 구현이 훨씬 쉬워질 거예요!

시간을 다루는 자가 프로젝트를 지배한다. 오늘 하루, 나만의 시간을 지혜롭게 관리해보세요. TechVerse가 항상 당신의 성장을 응원합니다. 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon