className (2) 썸네일형 리스트형 [리액트 / React] 스타일 적용 / 인라인 스타일 / CSS 클래스네임 / classnaems 라이브러리 인라인 스타일 리액트는 html과 달리 객체로 스타일 속성 값을 지정해주어야 한다. css에서 -가 들어가는 것은 카멜케이스로 작성해야 한다. 인라인에 들어가는 내용이 많으면 아래 코드처럼 작성하자. const style = { backgroundColor: 'blue'; } fuction Button({ childeren, onClick}) { return( {children} ); } export default Button; 위 코드를 아래처럼 작성할 수 있다. (들어가는 내용이 적을 때 사용) fuction Button({ childeren, onClick}) { return( {children} ); } export default Button; 스타일을 중복되게 사용하는 법 스프레드 문법을 사용하.. [자바스크립트 js] 스타일 프로퍼티 / 스타일 변경 / 클래스 추가 / className / classList (add, remove, toggle) const tooktak = document.querySelector('#뚝딱'); const doeggabi = document.querySelector('#도깨비'); 1 스타일 프로퍼티를 활용해서 요소의 스타일을 직접 수정하기 tooktak.children[0].style.textDecoration = 'line-through'; // 글씨 중간에 줄 긋 tooktak.children[0].style.backgroundColor = '#000000'; // 배경색 검정색 스타일 프로퍼티는 카멜표기법을 사용해서 입력해야 한다. .text-decoration (x) / .textDecoration (o) 프로퍼티만 카멜표기법이고, 프로퍼티의 할당값은 css에서 사용하는 그대로 사용한다. line-thr..