나는 강의를 들을 때 먼저 강의자가 어떤 코드를 짜겠다고 말하면 내가 먼저 코드를 짜본다. 그리고 다시 강의를 보고 보완한다.
오늘도 역시 그렇게 하고 있었다. 그러다 이해가 안되는 오류가 있어서 찾아봤더니 꽤나 중요한 내용이어서 정리하려고 한다!
좀 어려운 내용이고 자바스크립트를 공부하고 있는 단계에서 이해하기가 그리 쉽진 않았다. 그래서 일단 최대한 이해한 부분까지 정리를 하고, 다음엔 이런 실수가 나오지 않도록 동작 원리까지는 정리해보겠다.
어떤 문제에 부딪혔었는지 부터 말해보자면, 나는 To Do 리스트 기능을 구현하고 있었다. input 태그로 사용자에게 입력을 받고 preventDefault()로 자동 sumit을 막았다. 그리고 ul 태그 안에 동적으로 li을 만들어 사용자가 입력한 todo를 리스트업할 수 있게 하는 작업이었다.
그러다 자동 submit을 막으니 사용자가 입력을 하고 엔터를 눌러고 입력한 값이 입력창에서 사라지지 않았다. 그래서 난 아래와 같이 문제를 ...
