슬라이드 시작하기
장표마다 레이아웃 하나를 보여 줍니다.
← → 키, 스크롤, 스와이프로 넘깁니다.단축키
- F 전체화면
- T 테마
- Q QR 코드
- O 한눈에 보기
기본 장표
- eyebrow로 장표의 위치를 알려 줍니다
- 본문은 목록 3~5개가 알맞습니다
- 출처는 왼쪽 아래에 둡니다
용어 정의
- 발표 자료
- 발표 하나를 이루는 장표의 묶음
- 장표
- 한 화면을 채우는 section.slide
- 토큰
- 발표 자료 스타일에서 덮어쓰는 --slide-* 변수
사례 나열
- 전체화면
- F 키나 우클릭 메뉴에서 켭니다
- 테마
- 블로그 테마를 따르고 T 키로 바꿉니다
- 공유
- 주소 끝의 #4로 지금 보는 장표를 공유합니다
- 메뉴에서 한 장표를 한 페이지로 인쇄합니다
발표 자료 파일 구조
| 파일 | 역할 |
|---|---|
| index.astro라우팅됨 | 장표를 담은 발표 자료 본문 |
| _meta.ts라우팅 안 됨 | 제목, 날짜, 설명 |
| _draft.md라우팅 안 됨 | 장표 구성 초안 |
글과 이미지
넓은 화면에서는 좌우로, 좁은 화면에서는 위아래로 놓입니다.
- --ratio에 이미지 비율을 적습니다
- --figure-max-height로 높이 상한을 정합니다
비교 2단
유동 레이아웃
vw와 clamp로 화면 크기에 맞춰 글자와 여백이 바뀝니다.
고정 스테이지
1920×1080 화면을 통째로 줄이고 늘립니다.
폴더 구조
src/pages/slides/<slug>/
├── index.astro # 발표 자료 본문
├── _meta.ts # 제목, 날짜
└── _draft.md # 초안순서와 타임라인
- 초안
- 장표 구성
- 스크린샷 검증
- 발표
한 장표에는 하나의 메시지만 담는다.
숫자로 보기
- 레이아웃
- 12
- 단축키
- 4
- 장표당 메시지
- 1
차례로 등장
- 현재 장표가 되면 나타납니다
- --i 순서대로 늦게 나옵니다
- 인쇄와 동작 줄이기 설정에서는 처음부터 보입니다