개발공작소
728x90
반응형
article thumbnail
[잡담] javascript로 css속성을 주는 걸 피해야 하는 이유에 대한 내 생각
일상이야기 2022. 7. 10. 12:24

개발을 하다보면 그럴 때가 있다. css를 동적으로 주기 위해서 javascript의 함수를 사용하여 특정 태그에 스타일을 주는 경우.. 근데 보통 개발자들은 javascript로 스타일을 주지마라~ 이런 말을 한다. 편리한데 말이다. 특정 이벤트가 발생했을 때 그냥 스타일을 추가했다가 제거할 수도 있고 얼마나 편리한가? 동적으로 특정태그에 스타일 추가하는 샘플 코드 테스터 예를 들면 위와 같은 setStyle이라는 함수가 있다고 생각해보자. setStyle이라는 함수를 호출하면 동적으로 해당 태그에 color : "red"라는 스타일이 인라인 방식으로 추가되고 element.style에 추가된다. 결과화면 보면 알겠지만, 분명 위의 코드에서는 인라인방식으로 스타일 속성을 주지 않았는데, 실제 DOM을 ..

728x90
반응형