오늘은 Mid Term Project를 진행하면서 겪었던 문제점과 문제점을 해결했던 과정을 작성하려고 한다. 벌써 금요일.. 시간이 정말 빠르게 느껴진다. 인턴생활 1/4가 지나갔고, 얻은것은 많지만 만족스럽지는 않다. 조금 더 성장하는 것에 욕심을 두어야 겠다.
preventDefaulte()
사용하기
To-do List 기능을 구현하기 위해 이벤트를 취소해주는 event.preventDefaulte()
메서드를 사용하려고 했으나, 결과는 접근의 방법이 잘못되었다는 이유로 접근이 되지 않았다. console에는 this.#
private 변수에 접근하지 못했고, 에러가 출력되었다.
문제 발생 원인은 바로 function(e)
에 있다. 저번에 포스팅한 게시글에는 화살표 함수(Arrow Function
)에 대해 작성했었는데, 위 그림과 같은 방식으로 접근하는 것과 화살표 함수 방식으로 접근하는 것은 this
바인딩 범위의 차이가 있었다. 아래와 같은 방법으로 바꿔주어 간단하게 해결했다.
혹시 이해가 안간다면 저번에 포스팅한 게시글을 참조하면 좋을것 같다.