URL https://te31.com/rgr/view.php?id=study&no=2624 모바일 화면

자바스크립트 모듈을 개발할 때, 레이아웃의 기능을 스타일로 따로 빼는게 좋을까요?

예를 들어 제가 고민인게... 자바스크립트로 버튼을 누르면, 아이콘이 보여주는 기능을 구현한다고 할때요,

button.addEventListener('click', function () { image.style.display = 'block'; });

요렇게 짤지, 아니면

button.addEventListener('click', function () { image.classList.add('show'); }); // JS 파일

.show { display: block; } // CSS 파일

요렇게 할지가 고민이네요.

후자는 아무래도 JS파일 안에서 로직을 짤 때, CSS 파일을 항상 생각해야되어서 불편한데다가, 아무래도 화면의 모양에 관한 거라도, 기능적인 부분이라 JS 파일 내에서 기술되어야 한다고 생각하는데요.

후자를 선택하면 좋은 점이 있나요? 전자, 후자도 아닌 다른 좋은 방법이 있나요?

잡담 | 1580명이 읽었어요. 3.23.101.60

 0