기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 collections 모듈 완전 정복 🧩

Collections icon

파이썬 collections 모듈 완전 정복 🧩

collections 모듈은 고급 자료구조를 제공해 파이썬 코드의 효율성과 가독성을 높입니다. 다양한 활용법을 예제와 함께 소개합니다.

1. deque: 양방향 큐

from collections import deque

dq = deque([1, 2, 3])
dq.append(4)
dq.appendleft(0)
print(dq)  # deque([0, 1, 2, 3, 4])

dq.pop()
dq.popleft()
print(dq)  # deque([1, 2, 3])

2. Counter: 빈도 계산

from collections import Counter

words = ["apple", "banana", "apple", "orange", "banana"]
cnt = Counter(words)
print(cnt)            # Counter({'apple': 2, 'banana': 2, 'orange': 1})
print(cnt.most_common(2))  # [('apple', 2), ('banana', 2)]

3. defaultdict: 기본값 있는 딕셔너리

from collections import defaultdict

dd = defaultdict(int)
dd["a"] += 1
dd["b"] += 2
print(dd)  # defaultdict(, {'a': 1, 'b': 2})

4. namedtuple: 가독성 높인 튜플

from collections import namedtuple

Point = namedtuple("Point", ["x", "y"])
p = Point(10, 20)
print(p.x, p.y)  # 10 20
print(p)  # Point(x=10, y=20)

5. OrderedDict: 입력 순서 유지 딕셔너리

from collections import OrderedDict

od = OrderedDict()
od["a"] = 1
od["b"] = 2
od["c"] = 3
print(list(od.keys()))  # ['a', 'b', 'c']

요약

  • deque로 양방향 큐와 스택 구현 가능
  • Counter로 시퀀스 요소별 빈도 계산
  • defaultdict를 사용하면 키가 없어도 기본값으로 초기화 가능
  • namedtuple은 필드 이름이 있는 튜플로 코드 가독성 향상
  • OrderedDict는 삽입 순서가 보존되는 딕셔너리 클래스

댓글

가장 많이 본 글

Icons by Flaticon