[TIL 1/29] JS - class 메서드에서 preventDefaulte() 안될 때 해결법

Song-YunMin·2021년 1월 29일
4

TIL

목록 보기
12/29
post-thumbnail
post-custom-banner

오늘의 회고

오늘은 Mid Term Project를 진행하면서 겪었던 문제점과 문제점을 해결했던 과정을 작성하려고 한다. 벌써 금요일.. 시간이 정말 빠르게 느껴진다. 인턴생활 1/4가 지나갔고, 얻은것은 많지만 만족스럽지는 않다. 조금 더 성장하는 것에 욕심을 두어야 겠다.

오늘 학습한 것

  • class 메서드에서 preventDefaulte() 사용하기

class 메서드에서 preventDefaulte() 사용하기

문제점


To-do List 기능을 구현하기 위해 이벤트를 취소해주는 event.preventDefaulte() 메서드를 사용하려고 했으나, 결과는 접근의 방법이 잘못되었다는 이유로 접근이 되지 않았다. console에는 this.# private 변수에 접근하지 못했고, 에러가 출력되었다.

해결

문제 발생 원인은 바로 function(e)에 있다. 저번에 포스팅한 게시글에는 화살표 함수(Arrow Function)에 대해 작성했었는데, 위 그림과 같은 방식으로 접근하는 것과 화살표 함수 방식으로 접근하는 것은 this 바인딩 범위의 차이가 있었다. 아래와 같은 방법으로 바꿔주어 간단하게 해결했다.


혹시 이해가 안간다면 저번에 포스팅한 게시글을 참조하면 좋을것 같다.

profile
고독한 서버 개발 3년차
post-custom-banner

0개의 댓글