튜토리얼 3단계에 가짜 데이터 표시

🤖 422 in / 722 out / 1144 total tokens

온보딩 튜토리얼 3단계에서 빈 캘린더 대신 가짜 데이터를 보여주도록 했다.

사용자가 처음 앱을 켰을 때 빈 화면보다는 "이렇게 쓰는 거야"를 보여주는 게 낫다. tutorialFakeKeys 배열을 만들고 svelte/store의 get 함수를 추가했다. 이걸로 캘린더에 미리 채워진 예시 데이터를 렌더링한다.

import { get } from 'svelte/store';
// ...
let tutorialFakeKeys = [];

28줄 추가로 튜토리얼 UX가 훨씬 자연스러워졌다. 새 사용자에게 "데이터가 쌓이면 이렇게 보인다"는 느낌을 주는 게 중요하더라.