enter키를 누르면 이 중복되어 생성되거나, eventListener가 할당되지 않는 오류를 해결하였습니다.

저번과 이어서 을 추가하는 코드를 수정하였습니다. 코드를 다시 작성한 결과, 이 여러 개 복제되는 오류는 수정되었지만, EventListener가 제대로 작동하지 않는 오류가 존재합니다. 동영상을 보면 첫 번째 에서 두 번 enter 키를 눌러야, 두 번째 에 EventListener가 할당되는 오류가 존재합니다. 그리고 세 번째 부터는 EventListener가 할당되지 않는 오류가 존재합니다. 그래서 한 번에 에 한 번에 여러줄을 입력 받을 수 있도록 기능을 수정할 계획입니다. 또한 입력받은 내용을 화면이 출력한 후, 의 display를 "none"으로 바꿔서 안 보이게 수정할 계획입니다. dd

document.createElement("input")을 이용해 enter키를 누를 때마다 새로운 이 생성되는 코드를 작성하였다. 기존 코드에서는 처음 한 번만 작동하고, 새로 생성된 에서는 eventListener가 할당되지 않아서 작동하지 않았는데, 코드를 아래의 사진과 같이 수정했더니 추가 기능은 제대로 작동하였다. 그런데, 새로운 input을 추가할 때마다, 기존에 eventListener가 존재하던 에도 계속 중복되어 eventListener가 할당되어, 한 번에 여러 개의 input이 생기는 오류가 존재한다. removeEventListener()를 통해 할당된 이벤트를 제거해주는 수정이 필요한 것 같다.

1. let newSpan = document.createElement("span")을 통해 새로운 생성 2. 새로 만든 의 innerHTML 설정 let addTxt = "; newSpan.innerHTML = addTXT; 3. 상위 div에 appendChild를 통해 추가 (상위 div).appendChild(newSpan); 수정해야할 점 새로 생성된 input에서는, 추가 기능이 작동하지 않는다.

GitHub Desktop으로 push 하기 작업을 효율적으로 진행하기 위해서 GitHub repository에서 각자 branch를 생성해 작업을 진행하기로 하였습니다. 아직 javascript에 대한 충분한 공부가 진행되지 않아서, 작업을 시작하는 동시에 만들어서 사용할 계획입니다. 그래서 GitHub Desktop을 이용하여 GitHub repository에 push하는 방법을 공부하려고 검색을 해보는데, 잘 되지 않았습니다. 그래서 제가 해결한 방법을 순서대로 정리해보았습니다. 1. GitHub Desktop을 실행한 후, 아래의 빨간 동그라미 친 부분을 클릭합니다. 2. Clone 하고자 하는 GitHub repository의 주소를 입력하여 추가합니다. 3. Clone된 것을 확인합니다. 4...

모각코 3회차를 진행하면서, 동적인 DOM을 만들기 위해서 공부를 해보았습니다. 이런식으로 자신을 소개하는 내용을 입력하면 표가 동적으로 생성되도록 만들려고 하였는데, 코드를 다 작성한 후 실행을 해보니 제대로 작동하지 않았습니다. DOM 생성에 대한 전반적인 이해가 다시 필요한 것 같습니다. 다음 회차 때까지 DOM 생성을 통해 위의 표 작성 기능을 구현해보도록 하겠습니다.