# classList

9개의 포스트
post-thumbnail

TIL - 21.06.22 👨‍💻 - JS

TIL - 21.06.22 👨‍💻 - JS / querySelector, classList

2021년 6월 22일
·
0개의 댓글
post-thumbnail

[인스타 클론] Like Button 기능 만들기

스토리, 피드 , 사이드 컨테이너에 아이템들을 채우고 드디어 기능을 만들고 있다. 내가 처음으로 만든 기능은 인스타그램에서 빼놓을 수 없는 좋아요 기능이다. 하트의 색깔을 바꾸기 위해 내가 생각한 방법은 이렇다. 쿼리셀렉터로 하트 svg를 선언한다. 하트 path를

2021년 4월 24일
·
0개의 댓글
post-thumbnail

JavaScript - 4

DOM : addEventListener, classList

2021년 4월 22일
·
0개의 댓글

자바스크립트(DOM) classList, className [1-3]

classList.add('special');a태그에 기존에 있던 class="link-google"를 유지하면서 class="special"를 추가하는 것classList.remove('special');를 사용하면 반대로 삭제할 수 있다.link.classList.

2021년 4월 15일
·
0개의 댓글
post-thumbnail

D-23 DOM classList.toggle

toggles between a class name for an element.클래스 값을 토글링한다.클래스가 존재한다면 delete하고 false를 return하며, 존재하지 않으면 클래스를 add하고 true를 return한다Return Value: A DOMTok

2021년 2월 4일
·
0개의 댓글
post-thumbnail

01. JavaScript Drum Kit

이 상태의 초기화면에서, 키보드 입력 값을 받아, 미리 준비된 대응하는 audio 파일을 재생 및 해당 버튼 CSS transform 효과주기윈도우 객체의 keyCode 값을 받아서, play 함수 실행하는 addEventListener 추가play 함수는 (1) 키코

2020년 12월 10일
·
0개의 댓글
post-thumbnail

TIL 37 | 새로 생성된 엘리먼트에 함수 선언하기 (동적 이미지 생성)

인스타그램 클론 코딩 프로젝트의 추가 구현 사항중, 피드에 달린 댓글을 삭제하거나 좋아요를 누르는 기능을 추가하는 것을 진행하고 있다. (역시나..) 추가한 자바스크립트 코드에서 여러가지 이슈가 발생하였고 그 중에 꼭 기억해야 할 것들을 정리한다.

2020년 8월 26일
·
0개의 댓글
post-thumbnail

[자바스크립트 스터디]Review - classList

Element.classList : 읽기 전용 프로퍼티!공백으로 구분된 문자열인 element.className을 통해 엘리먼트의 클래스 목록에 접근하는 방식을 대체하는 간편한 방법이다.classList.add(String) : 지정한 클래스 값을 추가. 만약 추가하려

2020년 4월 17일
·
1개의 댓글

기본 class 속성 제거

라이브러리를 쓰다보면 자동으로 추가되는 클래스가 있다. vue-material이라는 라이브러리를 쓰다보니 html태그에 클래스가 자동적으로 추가가 되어있었다. 개발을 하다보니 이 클래스는 결국 걸림돌이 되었고 제거해야만 했다. 그래서 vue의 lifecycle인 cre

2020년 2월 23일
·
0개의 댓글