기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 pathlib 모듈 입문 📁

Folder path icon

파이썬 pathlib 모듈 입문 📁

pathlib는 파일 시스템 경로를 문자열이 아닌 객체로 다룰 수 있게 해주는 강력한 모듈입니다. 경로 연산이 직관적이고 운영체제 간 호환성을 자동으로 보장합니다.

1. 기본 사용법과 Path 객체 생성

from pathlib import Path

p = Path('my_folder') / 'subfolder' / 'example.txt'
print(p)  # my_folder/subfolder/example.txt
print(p.exists())  # False (존재 여부)

2. 디렉터리 생성과 파일 읽기/쓰기

folder = Path('logs')
folder.mkdir(exist_ok=True)

file = folder / 'app.log'
file.write_text("앱 실행 기록\n", encoding='utf-8')
print(file.read_text(encoding='utf-8'))

3. 파일 정보 조회

print(file.name)       # app.log
print(file.stem)       # app
print(file.suffix)     # .log
print(file.parent)     # logs
print(file.stat().st_size, "bytes")

4. 디렉터리 내 파일 목록 순회

for child in folder.iterdir():
    print(child.name, "-", "디렉터리" if child.is_dir() else "파일")

요약

  • Path 객체로 경로를 안전하고 직관적으로 처리할 수 있습니다.
  • mkdir, write_text, read_text 등 메소드를 바로 사용 가능합니다.
  • 파일 정보 조회와 디렉터리 순회도 간결하게 작성할 수 있습니다.

댓글

가장 많이 본 글

Icons by Flaticon