1. 결과물 URL + 캡쳐 이미지 2~3장

###사용하실 때 f11버튼을 눌러 주세요!!!

recodo demo url -https://eggcoffee01.github.io/recodo/

2. 자기소개

안녕하세요 작년에 대학에 진학을 했지만 코로나 덕분에(?!?) 집에 쳐박혀 있는 시간이 많아져 노마드 코더를 만날 수 있었던, 운이 좋은 eggcoffee라고 합니다. 저번에 바닐라js챌린지를 하면서 불완전한 상태의 recodo를 만들어 보았는데, 이번 기회에 디자인과 기능들을 완전하게 구현해 보았습니다.

weird recodo(처음 버전) url -https://eggcoffee01.github.io/recodo.v1/

3. 서비스 소개

recodo는 f11버튼을 눌러서 화면을 풀로 채우고 나서 사용하는게 제일 예쁩니다!!!

recodo는 제가 직접 사용하려고 만든 서비스이며, 평소에 하루를 마무리하며 제가 시간을 어디에 투자했는지 등을 보고 싶어서 하는 일과 시간등을 기록할 수 있는 기능들을 추가했습니다.

recodo의 특징으로는 사용한 시간들을 기록하고 볼 수 있다는 점이 있습니다.

#투두리스트: 입력을 통해 투두리스트에 투두를 추가 할 수 있습니다. 투두리스트에서는 체킹, 삭제, 루틴리스트로 이동이 가능합니다.

#루틴리스트: 루틴리스트에서는 투두리스트로 이동과, 기록이 가능합니다. 루틴의 가장 오른쪽에 있는 버튼을 누르면 기록이 시작되며 루틴이 기록 영역으로 넘어갑니다.

#기록: 기록에서는 일시정지, 재생, 루틴리스트로 이동이 가능합니다.

#타임라인: 기록과 관련된 작업들이 타임라인에 리스팅 됩니다.

#차트: 투두중 몇퍼센트를 달성했는지, 오늘 서비스를 사용한 시간 대비 루틴에게는 얼마만큼의 시간을 사용했는지를 볼 수 있습니다.

4. 개발 과정 (어려웠던 점과 해결방법)

제일 어려웠던 점이라 하면, 리프레시 됬을때의 데이터 보관과, 데이터 로딩이었습니다.

아직 개발 관련 경험이 적다보니, 코딩 하기 전에 데이터 간의 관계를 정리하지 않고 기능을 순서대로 구현했습니다. 진행하면 할수록 에러가 생기고 코드가 꼬이고 이쪽을 고치면 저쪽이 에러나는 경우가 많더라구요... 그래서 고생을 좀 했던 것 같습니다. 당연히 해결방법으로는 콘솔찍으면서 하나하나씩 확인해보며 코드를 고쳤구요, 이를 통해 다음 프로젝트 전에는 코드나 데이터 간의 정리를 먼저 한 후 개발을 시작해야겠다는 아주 중요한 교훈을 얻었습니다.

5. 앞으로 계획

저는 recodo라는 서비스르 지속적으로 업데이트 시킬 예정이고 제가 아직 초보자인 만큼

제 실력이 늘면 늘수록 서비스의 퀄리티도 같이 늘지 않을까 싶습니다. 만약 같이 개발, 디자인하고 싶으신 분이 계시다면 챗 남겨주세요.

nomadcoder덕분에 제가 사용할만한 서비스를 그래도 어찌저찌 완성했습니다. 감사합니다. 이번에 투두리스트 콘테스트 참여한 모든 분들 리스펙트 하고 수고 많으셨습니다!!!