!important 를 지양해야 하는 이유

"!important를 쓰는 것은 안티패턴이다."

(그냥 !important를 검색하기만해도 사용을 지양해야 하는 이유에대해 여러가지 이유가있다.)

 

우테코 미션을 진행하면서, 내가 적용한 css가 반영되지 않길래, !important를 사용한적이 있다.

거기에 리뷰어님의 코멘트를 남겨주셨는데,

 

"!important의 경우 특수한 상황에 쓰이기때문에
!important를 꼭 사용해야하는 경우에 주석으로 남기거나 코드리뷰에 왜 사용해야만 했는지
코멘트해주시는게 좋습니다 "

 

즉, !important를 되도록이면 쓰지 않는다는 뜻이다.

 

 

왜 그럴까?

 

!important를 사용하면 적용되지 않는 css를 두고, 우선순위 고민없이 바로 적용했다고 가정해보자.

해당 프로젝트의 css 담당자가 바뀌어서 해당 스타일을 풀려고 한다.

하지만 css어딘가에 적용해둔 !important때문에 적용이 되지 않는다!

 

이 때, 새로운 담당자에게는 1가지 선택지가 있다.

새로운 요소에 !important를 사용하여 기존 스타일을 덮어 쓴다.

이 방법을 사용하게 되면, 유지보수 기간이 길어질 수록 코드에는 !important가 넘칠 것이다. 따라서 자동으로 탐색도 힘들어지게 되는.. 그야말로 css의 모든 요소가 중요도를 높게가지는 더러운 코드가 작성되게 된다.

결국 모든 코드에 !important가 달렸다는 것은, 모든 것에 !important가 없는 것과 동일하고 코드만 더러워지기 떄문에, 결국엔 아무런 장점도 없는 상황에 놓이게 된다.

 

그러므로, 반드시 써야할 상황이 아니라면 되도록 쓰지 말고, 쓰게된다면 팀에게 꼭 공유해주자!