토글???
컴퓨터에서 "토글키(Toggle Key)"라는 것은 "한번 누르면 어떤 기능이 ON되고, 한번 더 누르면 OFF되는 키"를 말합니다. 1개의 키로 켜고 끄는 기능을 다 하는 것입니다. 키보드에서는
[Caps Lock], [Num Lock], [Scroll Lock] 이런 키를 말합니다.
휴대폰에서나 아니면 컴퓨터 를 사용하면서 이런 버튼 한번 쯤은 봤을텐데,, 이런게 다 토글 을 이용한거라고 보면 된다.
코드
위의 긴 자바스크립트 코드들을 한줄로 간단하게 해줄 수 있는 건 => 토글!
토글은 휴대폰을 껏다 켰다, 한번터치시 화면이 켜진다. 또 한번더 클릭시 화면 이 꺼진다.
와 같은 이런 기능들을 if , else 이런 조건문들로 복잡하게 작성해야할 것을
그냥 toggle 을 이용하여 한줄로 끝낼 수 있는 아주 멋진 놈이다.
아래 코드는 한번 클릭시 글씨 색깔이 파랑색에서 붉은색으로 또한번더 클릭시 원래대로 파랑색으로 바뀌는
딱 토글을 설명하기 최고의 코드이다.
코드
toggle is god
'JavaScript 시리즈☕' 카테고리의 다른 글
| 🚀local Storage(로컬 스토리지?) 🚀 | JavaScript 시리즈 017 (4) | 2021.08.08 |
|---|---|
| 🚀로그인 창 만들기🚀 | JavaScript 시리즈 016 (3) | 2021.08.07 |
| 🚀이벤트(event ) 사용하기2~🚀 | JavaScript 시리즈 014 (2) | 2021.08.06 |
| 🚀이벤트(event ) 사용하기~ 🚀 | JavaScript 시리즈 013 (1) | 2021.08.06 |
| 🚀querySelector 와 Event click 에 대해서🚀 | JavaScript시리즈 012 (1) | 2021.08.06 |
