기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 isinstance() 함수로 타입 안전하게 검사하기

파이썬 isinstance() 함수로 타입 안전하게 검사하기 🧐

파이썬에서 어떤 값이 특정 타입인지 확인해야 할 때 isinstance() 함수는 매우 유용합니다. type() 함수와 달리 상속 관계까지 고려하여 더욱 안전한 타입 검사가 가능하죠.

타입 검사 아이콘

✅ 기본 사용법

값이 어떤 타입인지 True/False로 확인할 수 있어요.

# 기본 사용법
x = 10
print(isinstance(x, int))  # True
print(isinstance(x, str))  # False

✅ 리스트, 딕셔너리 타입 확인

자료형이 많을수록 isinstance는 더 강력해집니다.

# 리스트와 딕셔너리 타입 확인
data = [1, 2, 3]
config = {"debug": True}

print(isinstance(data, list))       # True
print(isinstance(config, dict))     # True

✅ 여러 타입 중 하나인지 확인하기

튜플을 사용하면 여러 타입 중 하나에 해당하는지도 확인할 수 있어요.

# 여러 타입 중 하나일 경우 검사
value = "hello"
print(isinstance(value, (int, float, str)))  # True

✅ 사용자 정의 클래스와 상속 관계 검사

isinstance()는 상속된 클래스까지 포함해서 검사합니다.

# 사용자 정의 클래스 타입 검사
class Animal:
    pass

class Dog(Animal):
    pass

a = Animal()
b = Dog()

print(isinstance(b, Animal))  # True (상속 포함)

정확한 타입 검사는 함수의 입력값을 확인하거나, 조건 분기 처리를 할 때 필수입니다. 특히 클래스 구조가 복잡한 프로젝트에서는 isinstance()의 존재가 큰 도움이 돼요!

코드를 안전하게 만드는 가장 쉬운 방법, 바로 타입을 명확히 인식하는 것부터 시작입니다. TechVerse는 오늘도 단단한 기초를 함께 쌓습니다. 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon