말 그대로 시간과 그 동안의 액션을 적어서 추가할 수 있도록 했다.
1. 위의 캡쳐처럼 stop을 누르면 아래에 시간과 input이 나온다. 그 시간 동안 했던 액션을 적고 save를 누르면...
2. 이렇게 추가된다.
3. 같은 방법으로 계속 추가할 수 있다.
4. 시간과 액션 내용은 이렇게 오브젝트로 만들어 로컬 스토리지에 저장했다.
일단은 페이지를 새로고침해도 시간, 액션 목록이 남아 있었으면 했다. 그러려면 로컬 스토리지 혹은 세션 스토리지에 저장해야 한다고 생각했다. 로컬 스토리지에 저장하면 브라우저를 껐다가 다시 접속해도 저장 내용이 남아있다. 직접 삭제해야 그제서야 없어진다. 세션 스토리지에 저장하는 경우, 브라우저를 종료하면 그 데이터들도 같이 없어진다.
이걸 저장해서 어딘가에 활용하고 싶은데(ex. 텍스트 파일로 저장, sns에 공유..?) 지금은 딱히 끌리는 것이 없다.
일단은 잡 버그(?)들 잡고 스타일링 좀 해야겠다.
사는 것도 디버깅의 연속. feel lucky to be different🌈 나의 작은 깃허브는 https://github.com/lyj-ooz