TodoList만들기

TodoList_D-day 01

💻 D-day 01 혼자서 처음으로 만드는 프로젝트라 신나게 html을 만들고 CSS로 기본적이 위치만 조정한 후 Javascript를 작성하던 중 개발환경과 새 repo를 만들지 않은 것을 깨닫고 개발환경을 먼저 구축하고 시작하기로 했다. 먼저 나의 git hub으로 들어가 새 repo를 만들었다. 그리고 내가 만든 코드를 push까지 완료했다. 곧...

일주일만에 다시 돌아왔다. 일주일간 많은 과제들과 문제들로 치여 숨만 겨우 쉬다가 내일 중간 점검테스트가 있어서 저녁에 짧은 시간이지만 잠시 프로젝트 개발환경을 구축했다. 처음에는 시작하기전에 개발환경을 어디서부터 시작해야할지 몰라서 구글링을 했다.Node.js 설치노

testing을 처음 만들어보니 기본적인 코드로 테스트를 먼저 했다.src폴더안에 index.js을 만들고 test폴더안에는 index.test.js파일을 만들었다. 이렇게 적고 testing을 했다.간단한 코드는 작동이 돌아간다. 이렇게 간단한 코드이지만 여기까지 오

어제는 basic-self-assessment가 있었고 오늘부터 이번주는 solo-study기간이다. 이번주에는 todoList에 리스트 추가기능과 삭제기능, 그리고 전체삭제버튼기능을 구현해보려고 한다. 어제는 기본테스트를 했으니 오늘은 내가 구현할 기능을 테스트하는

바로 리스트를 프린트해보기로 했다.코드를 적기전에 내가 구현하고 싶은 기능을 생각해보았다.페이지가 load되었을때 input창에 focus가 되었으면 좋겠다버튼을 누르거나 enter키를 눌러도 list가 만들어지면 좋겠다list가 만들어지면 input창이 비었으면 좋겠

점심을 먹고 바로 삭제버튼을 만들기로 했다. 구현하고 싶은 것을 생각했다.휴지통모양의 아이콘으로 삭제버튼을 만들면 좋겠다휴지통아이콘을 클릭하면 해당 list만 삭제되면 좋겠다삭제버튼에 마우스를 올렸을때 색이 변했으면 좋겠다(css)삭제버튼에 마우스를 올리면 포인터로 변

이번에는 버튼을 누르면 전체 list가 삭제되는 기능을 구현하려한다. 그리고 input에 텍스트가 없어도 enter를 누르면 리스트가 만들어져서 이 부분도 수정을 같이 했다. 이렇게 todoList에 추가기능, 삭제기능, 전체삭제기능을 구현했다. 이제는 이미지를 넣거나

실시간으로 시간을 알 수 있도록 시계를 만들기로 했다. new Date를 이용해서 실시간 시간은 알 수 있다는 것을 알고 있어서 class를 만들어보기로 했다.어제부터 자동으로 시계가 돌아가도록 만들고 싶었는데 코드를 구현하고 실행을 시키면 처음 시간만 나오고 setI