기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 with 문과 context manager 완전 이해하기

파이썬 with 문과 context manager 완전 이해하기 🛠️

with 문은 파일, 네트워크 연결, 락(lock) 같은 리소스를 다룰 때 자동으로 정리(Cleanup)를 해주는 아주 중요한 기능입니다. 내부적으로는 __enter__()__exit__() 메서드를 이용해 동작합니다.

Python with context manager icon

✅ 파일 열기 예제: 기본 with문 사용

파일 작업 시 자주 사용하는 with문의 기본 구조입니다.

# with문 기본 사용법
with open('example.txt', 'w') as file:
    file.write('Hello, World!')
# 파일이 자동으로 닫힘

✅ 직접 context manager 만들기

__enter____exit__를 구현하면, 자신만의 리소스 관리 클래스를 만들 수 있습니다.

# 사용자 정의 context manager
class MyContext:
    def __enter__(self):
        print('자원 열기')
        return self

    def __exit__(self, exc_type, exc_value, traceback):
        print('자원 닫기')

with MyContext() as mc:
    print('작업 수행 중...')

✅ 왜 with문이 필요한가?

try-finally를 직접 작성하는 것보다 훨씬 간결하고 안전합니다.

# try-finally 패턴과 비교
file = open('example.txt', 'w')
try:
    file.write('Hello, again!')
finally:
    file.close()
# with문을 쓰면 훨씬 깔끔하게 가능

with 문과 context manager를 이해하면 리소스 관리가 편해지고, 오류를 줄이며 더욱 안정적인 코드를 작성할 수 있어요!

프로는 자원을 낭비하지 않는다. with문을 쓰는 순간, 당신의 코드는 한층 더 안전해진다. 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon