JavaScript
-
[JavaScript] data-* 속성 사용하기문제와 해결/Javascript 2021. 5. 5. 22:11
data-* 속성? html 태그에서 커스텀 데이터를 저장하기 위해 쓰인다. 모든 html element에서 사용될 수 있다 사용자 경험을 극대화하는데 유용하게 쓰인다 (데이터를 사용하는데 있어서 ajax 호출이나 server-side 데이터베이스 쿼리 사용이 필요 없으므로!) 모든 문자열은 속성의 값이 될 수 있다. (객체는 값으로 넣어줄 수 없다.) 이제 이 속성을 어떻게 사용할 수 있을까? Owl Salmon Tarantula 다음과 같은 html 문서가 있을 때, data-*속성의 값을 가져오기 위해 어떤 방법을 쓸 수 있을지에 대해 정리해보려고 한다. 1. getAttribute('속성명') function showDetails(animal) { var animalType = animal.get..
-
[JavaScript] 그래서 this가 뭔데?문제와 해결/Javascript 2021. 5. 2. 22:04
아무 창에서나 개발자 모드를 키고 다짜고짜 this를 찍어보자. 이때 this의 output은 window로 출력된다. 이번에는 object 안에서 this를 사용해보자. fullName은 함수이고, fullName이라는 함수 안에서 this가 쓰이고 있으므로 우리는 이 함수를 호출하고 결과를 확인해보자. 함수가 실행된 결과를 봐야 하므로 person.fullName이 아니라 person.fullName()으로 입력하는걸 잊지 말자. 이때 출력 결과를 보면 this는 this가 속해있는 object를 지칭한다는 걸 알 수 있다. this가 어디에서 쓰이는지에 따라 this가 무엇인지는 조금씩 다른데, 이건 w3schools에 친절하게 나와있는 설명을 한번 보도록 하자. this란? method 에서 : ..