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

https://kooltodo.netlify.app/

- 자기소개

컴퓨터공학을 전공 후 관련 분야에서 약 1년간 일을 하다가 전 직장의 기술스택이 마음에 들지 않아(?) 뛰쳐나온 백수입니다. 전 직장에선 제 자신이 발전하는데 한계가 있을 것 같다는 생각이 들어 그만두고 혼자 이것저것 공부를 하고 있습니다. 

제가 만든 투두리스트를 올리기 전에 다른 분들이 만들어 놓으신 걸 봤는데.... 와우.......😱
멋진 작품들이 많아 너무 자괴감이 들어서 올려야하나 말아야하나를 수없이 고민하다가 용기를 내어 올려봅니다... 저는 전공자인데 뭐하고 살았나 싶네요... 열심히 배우시는 분들 정말 멋지십니다!
매번 사이드프로젝트를 시작해도 제대로 끝을 내기가 참 어렵더라구요. 노마드코더에서 좋은 취지의 대회를 열어주셔서 덕분에 저를 몰아붙여 에러투성이의 부족한 결과물이지만 제출해봅니다.

- 서비스 소개

Simple is the best를 모토로 (사실은 제 기술이 딸려서...) 투두 추가, 삭제, 완료 기본 기능만 구현을 하였습니다.

Type here 부분에 투두 항목을 입력하시고 엔터를 치셔서 추가하는 방식이고 추가된 후에는 오른쪽 끝에 - 아이콘을 클릭하여 삭제합니다. 투두 해당 항목을 누르시면 완료처리가 되고 다시 클릭하시면 미완료 상태가 됩니다.

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

디자인을 공부하고 있는 동생이 디자인과 관련된 조언을 해주었는데 왜 디자이너와 개발자가 싸우는지를 간접경험하는 기회가 되었습니다ㅎㅎ

처음엔 예전에 만들어 놓았던 UI에서 저장 기능만 localStorage를 사용해서 구현을 해봐야겠다 생각하고 진행을 하다가 디자인이 변경이 되면서 저의 모자른으로 지식으로 인한 판단 오류로 indexedDB를 사용하게 되었습니다. indexedDB를 연결하고 CRUD를 하는 과정에서 자료가 생각보다 많지 않아서 좀 어려웠지만 구글에는 항상 답이 있으니까요ㅎㅎ 이 부분은 localStorage로 다시 구현해볼 예정입니다.

또 CSS애니메이션으로 완료시 줄이 그어지는 효과와 투두 항목을 추가했을 때 상단에서 하단으로 툭 떨어지는 효과를 넣고 싶어서 구글링을 참 많이 했습니다... 고민도 많이 했고요. 덕분에 CSS의 가상요소와 애니메이션에 대해서 아주 깊이는 아니지만 어느정도 맛을 볼 수 있어서 좋았습니다!

한글과 영어 길이를 고려해서 20자 이상일 때는 프론트에서 ...처리하고 미디어 쿼리로 글자 크기를 조절하긴 했지만 이 부분은 여전히 아쉽습니다.

- 앞으로 계획

새로운 기술과 지식이 넘쳐나는 분야이기 때문에 계속 공부를 해나갈 계획입니다.
적어도 한가지 이상의 언어는 기본기가 아주 탄탄한 개발자가 되고 싶습니다. 

장기적인 계획으로는 풀스택 개발자가 되고 싶습니다. 개발을 즐기면서 평생 할 수 있었으면 좋겠고요.
언젠가는 제가 직접 서비스를 운영해보고 싶습니다.