1. 사진

JS-to-do-list

2. 자기소개
대학교 졸업하고 javascript 챌린지를 통해서 nomadcoders를 알게 되었고 그 이후에 css, python, react 강의를 들으면서 야금야금 개발공부를 했습니다! 혼자 to-do-list를 만들어본게 제 첫 토이프로젝트였었고, 이후에 스터디와 챌린지를 통해서 더 다양한 웹 페이지를 만들고 있습니다 :)

3. 서비스 소개

가장 기본적인 to-do-list입니다. 

to-do-list 양쪽에 체크, 삭제 버튼을 생성했습니다.

체크, 삭제, 리스트 추가 시 아래에 '완료된 리스트/개수총 리스트 개수'를 보여줍니다.

4. 개발과정

효율적인 코드를 짜는것이 어려워서 중구난방으로 코드를 짠 감이 없지 않아 있는것 같습니다..ㅜㅜ

리엑트를 공부하면서 읽기 쉬운 코드 짜는것의 중요성을 너무 잘 알게 되어서 다시 한번 수정해보면서 다른사람이 읽어도 잘 이해가 되는 코드를 짜볼 예정입니다!

또 혼자 개발을 하는 과정에서 튜토리얼을 보고 따라한 부분도 있지만 직접 생각하면서 javascript의 작동방식과 사용법을 익히게 된것이 정말 좋았습니다.

많은 사람들의 개발은 직접 해봐야한다는 말이 이해가 되었던것 같습니다. 

또 깃헙 페이지로 배포하는데 계속 style이 적용이 안되서 링크로 들어가면 못난 투두리스트가 나오네요.. 구글링해서 고쳐야겠습니다..ㅎ 

직접 vsc에서 실행시켰을때 나오는 페이지는 사진과 같습니다ㅠㅠ 

5. 앞으로의 계획

react로 to-do-list를 만들어보면서 hooks에대해 공부할 예정입니다. react를 할 때 javascript에 대한 이해가 있어서 나름 수월하게 공부중인것 같습니다. 다른 프로젝트도 많이 해보면서 개발자의 입지를 다지고 싶습니다.