기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 json 모듈 완전 정복 📝

JSON data icon

파이썬 json 모듈 완전 정복 📝

json 모듈은 JSON 형식 데이터를 Python 객체로 변환하거나, Python 객체를 JSON 문자열 또는 파일로 저장할 때 사용하는 필수 도구입니다.

1. JSON 문자열 ↔ Python 객체

import json

data = '{"name": "철수", "age": 28, "languages": ["Python", "Java"]}'
obj = json.loads(data)
print(obj, type(obj))  # {'name': '철수', 'age': 28, 'languages': ['Python', 'Java']}

s = json.dumps(obj)
print(s, type(s))  # 문자열 타입

2. 들여쓰기·한글 포함 포맷팅

import json

obj = {"name": "영희", "age": 25, "city": "서울"}
pretty = json.dumps(obj, indent=4, ensure_ascii=False)
print(pretty)
# {
#     "name": "영희",
#     "age": 25,
#     "city": "서울"
# }

3. 파일로 JSON 읽고 쓰기

import json

config = {"debug": True, "version": 1.2}
with open('config.json', 'w', encoding='utf-8') as f:
    json.dump(config, f, indent=2, ensure_ascii=False)

with open('config.json', encoding='utf-8') as f:
    loaded = json.load(f)
print(loaded, type(loaded))

4. 예외처리 및 유효성 검증

import json

def safe_load(json_str):
    try:
        return json.loads(json_str)
    except json.JSONDecodeError as e:
        print("파싱 오류:", e)
        return None

print(safe_load('{"bad json": }'))  # None

요약

  • loads, dumps로 문자열 ↔ 객체 변환
  • indentensure_ascii=False로 읽기 좋은 한글 JSON 포맷 생성
  • load, dump로 JSON 파일 입출력
  • JSONDecodeError로 파싱 오류 처리

댓글

가장 많이 본 글

Icons by Flaticon