Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
내가 직접 사용할려고 만든 todo list~
#to_do_list
3년 전
2,018
2

명언으로 하루 힘차게 보내는 "귀여운 스타일의 내가 만든 Todo list"

1. 결과물 url

https://jinpark625.github.io/Jin-s-todo-list/ 

undefined

undefined

undefined

undefined

2. 자기소개 -

안녕하세요, 6개월전부터 프론트엔드 코딩 공부를 시작한 30살 취준생입니다. 원래 그래픽디자이너로 일을하다, 커리어를 보다 넓히고싶어서 코딩공부를 하게되었는데요, 아직은 너무 모르는게 많고 공부가 많이 어렵네요 ㅜㅠ 예전에 처음으로 코딩공부를 시작했을때는 노마드 vanila javascript 과정을 봤었는데 하나도 이해가 안가서 공부좀 하고 봐야지했는데, 이제야 조금 이해가 되어 저만의 todo-list를 만들게 되었습니다.

3. 서비스 소개 -

제가 직접 모바일에 및 컴퓨터에서 사용할려고 만든 todolist입니다 아직 하고 싶은 기능들이 다 구현하지못해서 많이 미흡하지만, 최선을 다해서 우선 만들어봤습니다. 맨 처음에 메시지를 주고 받는것처럼 사용자의 이름을 묻는부분에 재미를 조금 추가해봤습니다. 그래서 제 투두리스트는 사용자의 이름, 프로필사진, 투두리스트를 구현하였구요, 사용자가 리스트를 클릭스 완료된 항목으로 넘어가게 됩니다. 또는 리스트를 지울수도있습니다. 명언은 새로고침할때마다 새로운 명언이나와서, 도전하는데 동기부여가되지않을까해서 추가했습니다.

4. 개발과정 -

너무 어려웠던게 많았습니다. 처음으로 localstorage라는 것을 접했을때 하나의 key값안에 있는 value값들을 자유롭게 변하게하는게 조금 헷갈리더라구요 ㅜㅠ 그래서 코드를 너무 막쓰고 지저분하게 정리도 안되서 힘들었던것 같습니다. 그리고 리스트를 완료 리스트로 넘겨주고 원래의 투두 리스트의 localstorage안에있는 value값을 제거해주고 그쪽으로 옮겨주는데... 너무 헷갈려서.. 아직도 오류가 많은것같습니다. 새로고침후에 다시 완료리스트로 넘기면 기존의 리스트뒤에 추가가되는게아니라 새로 씌여지는 부분하고, 타이머 구현, 색변환 등 아직도 보충해야할 부분이 많은것같습니다.

5. 앞으로의 계획 -

아직은 완성을 다하지는못했지만, 더 좋은 강의드를 들으면서 지식을 쌓고 부족했던 부분들을 채워나갈계획입니다.

긴 글 읽어주셔서 감사합니다~

2 comments