기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 예외 처리 try-except 기초 정리

파이썬 예외 처리 try-except 기초 정리 💡

코드를 작성하다 보면 예상하지 못한 오류가 발생할 수 있어요. 이때 try-except 문을 사용하면 프로그램이 중단되지 않고 부드럽게 처리할 수 있어요.

파이썬 try-except 예외 처리 아이콘

✅ 리스트 인덱스 오류 처리

IndexError는 존재하지 않는 인덱스를 참조할 때 발생합니다.

my_list = [1, 2, 3]
try:
    print(my_list[5])
except IndexError:
    print("인덱스 범위를 벗어났어요!")

✅ 0으로 나누기 예외 처리

수학 계산에서 ZeroDivisionError가 발생할 수 있어요. 이때도 try로 감싸면 중단 없이 처리할 수 있어요.

try:
    result = 10 / 0
except ZeroDivisionError as e:
    print(f"0으로 나눌 수 없습니다: {e}")

✅ 타입 오류 예외 처리

int()로 변환할 수 없는 값을 입력했을 때는 ValueError가 발생합니다.

try:
    age = int("스무살")
except ValueError as e:
    print("정수가 아닌 값을 입력했어요!")

이처럼 try-except 문은 프로그램 안정성에 꼭 필요한 기능이에요. 꼭 익혀두고 실무에서도 자주 활용해 보세요!

실수를 두려워하지 말고, 그에 대비하는 법을 익히자. TechVerse Home과 함께 예외 없는 성장을! 🚀

댓글

가장 많이 본 글

Icons by Flaticon