Community

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

← Go back
나만의 to-do-list!
#to_do_list
3년 전
1,753
3

1. 사진

JS-to-do-list

undefined

undefined

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에 대한 이해가 있어서 나름 수월하게 공부중인것 같습니다. 다른 프로젝트도 많이 해보면서 개발자의 입지를 다지고 싶습니다.

3 comments