Vue에서 외부 모듈의 스타일을 적용했는데 적용되지 않을 때
2018-08-31문제 상황
Vue 프로그래밍 중 외부 모듈을 사용했는데, 해당 모듈의 기본 css를 덮어씌우려고 불러오는 vue 페이지의 style을 변경했다. 클래스 이름을 분명히 지정했고, !important도 먹히지 않았음
문제 원인
알고 보니 style 태그에 scoped가 지정되어 있어서 자동으로 한정자가 붙어버린다. 그러니 단순히 클래스만 지정해서는 해당 모듈에 반영되지 않았다.
재발 방지를 위해
- 외부 모듈의 경우는 style태그를 따로 하나 더 만들어서 처리한다.
- CSS를 해당 외부 모듈을 감싸는 부모 태그를 포함해서 선언 한다.
-
Category
- 회고
-
Tag
- vue
- 시리즈
- AJAX 요청응답이 왔는데 JSON parse에러가 났는데 정상 작동
- AJAX 요청이 간헐적으로 실패하는 문제
- CloudFront에서 웹사이트 연동을 위해 S3의 파일을 불러올 때 Access Denied가 날 때
- Font Awesome이 적용되지 않았던 문제
- GORM에서 Many To Many 값을 제대로 가져오지 못하는 문제
- too many connection
- VueJS 에서 템플릿을 리터럴로 선언 했을 때, 바인딩이 안됨
- Vue에서 외부 모듈의 스타일을 적용했는데 적용되지 않을 때
- 그래들 래퍼 버전을 잘못 입력 했을 때
- 그래들은 컴파일이 되는데 인텔리J에서 컴파일이 안 되던 문제
- 배포 이후 변경이 안 되는 문제
- 유니코드 문자를 Console.WriteLine으로 출력시 에러
- 인수 전달이 잘못된 문제
- 테이블 생성 시 Foreign key constraint is incorrectly formed 에러 발생