기본 콘텐츠로 건너뛰기

추천 가젯

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

파이썬 csv 모듈 완전 정복 📄

CSV file icon

파이썬 csv 모듈 완전 정복 📄

csv 모듈은 콤마로 구분된 데이터 파일을 쉽게 읽고 쓸 수 있도록 도와주는 유용한 표준 라이브러리입니다. 예제와 함께 사용법을 정리했습니다.

1. 간단한 CSV 파일 읽기

import csv

with open('data.csv', newline='', encoding='utf-8') as csvfile:
    reader = csv.reader(csvfile)
    for row in reader:
        print(row)  # ['이름', '나이', '나라']

2. CSV 파일 쓰기

import csv

data = [
    ['이름', '점수', '비고'],
    ['철수', '85', '합격'],
    ['영희', '92', '우수']
]

with open('result.csv', 'w', newline='', encoding='utf-8') as csvfile:
    writer = csv.writer(csvfile)
    writer.writerows(data)

3. `DictReader`로 키-값 형태 읽기

import csv

with open('data.csv', newline='', encoding='utf-8') as csvfile:
    reader = csv.DictReader(csvfile)
    for row in reader:
        print(f"{row['이름']}({row['나라']}) - {row['나이']}세")

4. `DictWriter`로 키-값 형태 쓰기

import csv

fields = ['이름', '나이', '국가']
rows = [
    {'이름': '홍길동', '나이': '29', '국가': '한국'},
    {'이름': 'Chulsoo', '나이': '31', '국가': 'Korea'}
]

with open('people.csv', 'w', newline='', encoding='utf-8') as csvfile:
    writer = csv.DictWriter(csvfile, fieldnames=fields)
    writer.writeheader()
    writer.writerows(rows)

요약

  • csv.readercsv.writer로 간단한 행 기반 CSV 처리.
  • DictReaderDictWriter로 키-값 형태의 CSV 읽기·쓰기 지원.
  • UTF‑8 인코딩을 명시해 한글 파일도 안전하게 출력·입력할 수 있습니다.

댓글

가장 많이 본 글

Icons by Flaticon