오열매의 코딩 공간

  • 홈
  • 태그
  • 방명록

css-in-js 1

JS) [CSS in JS] 자바스크립트에서 CSS 사용하기

JavaScript 파일에서 CSS를 변경하는 방법에 대해 정리한다. event를 활용하여 실습을 진행한다. 1) CSS 적용 순서 실습을 통해 살펴본다. step 1 > element를 찾는다. const text = document.querySelector(".container__contents"); step 2 > event를 listen한다. text.addEventListener("click", handleTitleClick); step 3 > event에 반응한다. function handleTitleClick() { const currentColor = text.style.color; let newColor; if (currentColor == "blue") { newColor = "toma..

Front-end/JavaScript 2022.10.14
이전
1
다음
더보기
프로필사진

오열매의 코딩 공간

공지사항

  • 분류 전체보기 (76)
    • Front-end (47)
      • HTML (3)
      • CSS (14)
      • SCSS (5)
      • JavaScript (11)
      • JQuery (0)
      • React (12)
      • TypeScript (2)
    • Back-end (1)
      • Node.js (1)
    • Automation (3)
      • Python (3)
      • BeautifulSoup (0)
      • Selenium (0)
      • Kiwoom (0)
      • Photoshop (0)
    • Environment (24)
      • VSC (2)
      • Git & Github (16)
      • Linux (6)
      • CMD (0)
      • Ananconda (0)
    • ETC (1)

Tag ☆

javascript, setting, GitHub desktop, 개념, 실습, Terminal, JS, Router, 설치, GIT, scss, 명령어, css, github, wsl2, TS, React, Linux, vanillajs, 문법,

최근글과 인기글

  • 최근글
  • 인기글

방문자수Total

  • Today :
  • Yesterday :
09-14 10:55

Copyright © Kakao Corp. All rights reserved.

티스토리툴바