기억 한 장을 HTML과 수정용 원고로 나눠 저장하기
가상 자료로 따라 해보는 실사용 예제
가족과 나눈 한 장면을 글·사진·음성으로 묶습니다. 예제의 장면은 작성 방법을 설명하기 위한 가상 상황입니다.
준비할 입력
- 책 제목: 우리 가족의 이야기 / 이야기 제목: 비 오는 날의 부침개
- 본문: 누구와 어디에서 무엇을 했는지, 확인한 기억을 짧게 작성
- 공유에 동의한 사진 1장과 음성 파일 1개(각각 선택사항)
직접 해보는 순서
- 본문을 입력하고 필요한 사진·음성을 고른 뒤 이야기 추가를 누릅니다.
- 새로 생긴 이야기 카드에서 제목과 내용을 확인합니다. 같은 방법으로 다음 장을 더할 수 있습니다.
- 읽을 완성본은 HTML, 나중에 수정할 원고는 JSON으로 각각 내려받습니다. 저장한 JSON은 다시 열기에서 불러옵니다.
예상 결과
HTML에는 추가한 이야기와 첨부 자료가 함께 포함됩니다. JSON에는 다시 편집하기 위한 내용이 담깁니다. 추가 버튼을 누르지 않은 입력은 완성본에 포함되지 않습니다.
결과 확인
- 완성 HTML을 다시 열어 글·사진·음성을 따로 확인합니다.
- 수정용 JSON을 가져와 장 수와 본문이 같은지 봅니다.
- 파일 합계 제한은 화면에 표시됩니다. 큰 원고는 여러 권으로 나누고 원본 녹음과 사진은 별도로 보관합니다.
다음 작업 전에
가족에게 전달하기 전에 빼고 싶은 부분이 있는지 당사자에게 확인하세요. HTML 미리보기를 막는 메신저에서는 파일을 기기에 저장한 뒤 브라우저로 열어야 할 수 있습니다.
이 예제는 방법을 설명하기 위해 만든 자료입니다. 실제 이용 후기나 특정 결과를 보장하는 사례가 아닙니다.
예제로 도구 사용하기 ↗