0816

antd 개자식들 왜 아무 짓도 안했는데 그리드가 망가져있지? 탐색을 해보니 결국 antd때문이었다.

원래대로라면 .reactgrid-content css class가 적용돼야하지만, 망할놈의 antd css-dev-only-*가 라이브러리의 css stylesheet를 override를 해버려서 UI가 깨진 것이었다.

관련해서 구글링해보니, 역시나 많은 이들의 원성이 이미 빗발쳤던 모양이다.

antd의 망할 css-dev-only-* class가 inline으로 작성되었는데, 이는 모든 stylesheet 보다 높은 우선순위를 가진다고 한다. css-dev-only-* class는 마이크로 프론트 앱에서 서로다른 버전의 antd가 충돌할 때를 대비한 기능이라고 하는데, 지들 멋대로 공지도 없이 잠수함 패치를 해버리니 진짜 사랑하지 않을 수가 없는 라이브러리랄까?

ㅈㅅ. import "portlogics-grid/style.css 안해줘서 그랬던 거였음 ㅋㅋ;