22.11.29 화요일 / To-do-list

22.11.29 화요일

📌 바닐라 자바스크립트로 to-do-list 만들기

to-do-list 기능 구현

원래 클론코딩을 하려고 했던 블로그를 보면서 코드를 따라쳤는데, 기능도 많고 코드가 길어져서 이해 하지 못하고 따라치기만 해서
아무런 작동이 불가했다.

그래서 일단 prac이라는 브랜치를 생성 후, push를 한 후에 다시 좀 더 간결하고 이해할 수 있는 코드를 찾다가 발견해서
코드를 따라치면서 수정, 따라치기를 반복하다보니까 기능이 구현이 되었다.
기능이 구현이되니까 어떤 원리로 기능이 작동하고 있는 지, 이해가 되면서 먼저 시도했던 코드와 거의 똑같은 방식인데 무작정 따라치기만 했다는 생각이 들었다.

그래서 일단 input창에 값을 입력하면, li태그로 쭈루룩 나오게 하는 기능까지 구현하였다.
역시 브랜치를 새로 생성해서 push를 하였다.
앞으로도 브랜치를 생성 후 메인에서 머지하는 연습도 같이 되니까 이런 방식으로 해야겠다.

https://github.com/yeonjujeong0511/JS-TIL/tree/main/To-do-List