기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 globals()와 locals()로 동적 변수와 네임스페이스 다루기

파이썬 globals()와 locals()로 동적 변수와 네임스페이스 다루기 🧠

globals()locals()는 파이썬의 네임스페이스(변수 저장소)에 접근할 수 있는 내장 함수입니다. 전역/지역 변수 확인은 물론, 동적으로 변수명을 만들거나 디버깅 시 유용하게 활용할 수 있어요.

Python namespace icon

✅ globals()로 동적 변수 만들기

변수 이름을 문자열로 생성하고, 해당 변수에 값을 동적으로 할당할 수 있습니다.

# globals()를 이용한 동적 변수 생성
for i in range(3):
    globals()[f"var_{i}"] = i * 10

print(var_0)  # 0
print(var_1)  # 10
print(var_2)  # 20

✅ locals()로 함수 내 지역 변수 확인

locals()는 현재 실행 중인 함수 내의 지역 변수 딕셔너리를 반환합니다.

# locals()는 함수 내부 지역 변수 접근
def demo():
    a = 10
    b = 20
    print(locals())

demo()
# 출력: {'a': 10, 'b': 20}

✅ globals() vs locals() 비교

전역과 지역 네임스페이스가 어떻게 구분되는지 확인해보세요.

# globals()와 locals() 비교
x = 100

def test():
    y = 200
    print("globals:", 'x' in globals())  # True
    print("locals:", 'y' in locals())    # False (함수 밖에서 호출됨)

test()

globals()는 전역 스코프의 딕셔너리를, locals()는 현재 컨텍스트의 지역 딕셔너리를 반환합니다. 이 함수를 적절히 활용하면 디버깅, 변수 추적, 동적 프로그래밍이 더욱 강력해져요!

모든 변수에는 그 자리가 있다. 그 자리를 꿰뚫어 보는 능력이, 더 강한 코드를 만든다. 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon