배포 https://checkcheck-1f03b.web.app/
바닐라 자바스크립트와 로컬스토리지 이해 및 학습을 위해 만든 투두+타이머 웹입니다.
- 저는 주로 데스크탑을 이용하여 공부를 해왔기에, 웹에서 바로 확인할 수 있는 투두 기능과 타이머 기능, 그리고 시간 관리 기능이 필요하다고 생각했습니다.
- 모바일에 정말 우수한 기능을 가진 어플들이 많았으나, 공부를 하면서 중간중간 핸드폰을 체크하는 것이 번거롭고 공부 흐름에 방해가 되었기에 웹에서 동작하는 투두와 타이머 기능이 있는 웹을 만들었습니다.
1명 (개인프로젝트)
- html 마크업과 JS를 통해 전반적인 프론트엔드 코드 구현
- 로컬스토리지를 통해 투두 및 시간 데이터 저장
- CSS를 통한 스타일링
- 자바스크립트라는 언어를 꾸준히 학습하였으나, 실제로 코드를 짜는 것은 또 다른 문제였습니다. 그래서 바닐라 자바스크립트에 더 익숙해 지고자, 바닐라 자바스크립트만을 이용하여 코드를 작성하였습니다.
- 당시 학습하고 있었던 로컬 스토리지 개념을 더욱 이해하고 익숙하게 사용하기 위해서 사용자에게 필요한 정보를 저장하는데 로컬스토리지를 사용하였습니다.
- 해당 웹앱을 배포하는데 firebase를 사용해 배포했습니다.
- 저는 좋은 코드를 짜는 것에 항상 관심이 많았던지라, 첫 프로젝트로써 만든 해당 웹앱이 효율적인 코드로 동작하고 있는지 끊임없이 고민했습니다. 코드에 효율이 떨어지진 않는지, 계속 고민하였으나 아무래도 개인 프로젝트인 만큼 피드백을 받기가 어려웠습니다. 기회가 된다면 피드백을 받아 더 깔끔한 코드를 작성하고 싶습니다.
- 개인적으로 아쉬웠던 점은, 처음에 이 프로젝트를 구상했을 때 투두 리스트를 추가하는 부분에서 사용자가 원하는 이모티콘을 고를 수 있게 하기, 달력 화면에서 일정 공부시간이 지나면 바뀌는 색을 사용자가 지정할 수 있게 하기, 와 같은 기능을 구현하고 싶었으나 그렇게 하지 못하였습니다. 추후 보완할 수 있다면 추가하고 싶습니다.
- 해당 웹앱에 사용한 알림음은 https://freesound.org/ 사이트를 이용하였습니다.
- 해당 웹앱에 사용한 아이콘은 https://www.flaticon.com/ 사이트를 이용하였습니다.