기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 time 모듈로 코드 실행 시간 측정하기

파이썬 time 모듈로 코드 실행 시간 측정하기 ⏱️

성능 최적화나 알고리즘 비교를 할 때, 실행 시간을 측정하는 것은 매우 중요합니다. 파이썬에서는 time 모듈의 time() 함수를 사용해 간단하게 측정할 수 있어요.

시간 측정 아이콘

✅ 코드 실행 시간 측정

실행 전후 시간을 기록하고, 그 차이를 출력하면 됩니다.

import time

start = time.time()

# 실행할 코드
for _ in range(1000000):
    pass

end = time.time()
print(f"실행 시간: {end - start:.4f}초")

✅ 성능 비교 예제: 리스트 생성 방식

리스트 컴프리헨션과 append 방식의 성능 차이를 측정해봅니다.

# 리스트 생성 속도 비교
import time

start = time.time()
a = [i for i in range(1000000)]
end = time.time()
print("리스트 컴프리헨션:", end - start)

start = time.time()
b = []
for i in range(1000000):
    b.append(i)
end = time.time()
print("for문 append:", end - start)

time.time()은 초 단위의 부동소수(float) 값을 반환하므로 간단한 시간 측정에는 충분히 정밀합니다. 더 복잡한 측정이 필요하면 time.perf_counter()도 고려해볼 수 있어요.

성능은 측정에서 시작됩니다. 눈으로 확인할 수 있어야, 최적화도 가능합니다. 작은 시간을 아끼는 습관이 더 나은 코드를 만듭니다. 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon