루이의 개발 블로그

상황 vuetify 컴포넌트의 디자인을 수정하려고 하는데 수정이 안 될 때가 간혹 있다. 아니 엄청 많다. 왜 그런 문제가 있고 어떻게 해결해야하는지에 대한 내용이 기술. vuetify 와 같이 번들링된 라이브러리 소스 코드를 수정하는 것은 쉽지 않은 일이다. 이것을 수정하기 위해선 보통 전역 스타일 변경을 통해 변경이 가능하다. 하지만 이렇게 되면 모든 스타일시트에 영향이 가므로 scoped 를 사용하여 선언 한다. scoped를 사용한 CSS scoped 를 사용하여 배경색을 변경한 모습 해당 코드는 현재 파일에만 영향이가고 나머지 파일의 a태그에는 영향을 주지않는다. 그렇다면 이 상황에서 vuetify 의 컴포넌트의 디자인을 수정하게 되면 어떻게 될까? 놀랍게도 적용이 안 되는 경우가 많다. 그렇다..

속성 inline block inline-block inline 속성은 텍스트 속성과 유사하다. 텍스트 속성과 유사한 태그 리스트 span a img strong 기타 등등 ... 여기서 말하는 텍스트 속성이란, 텍스트 길이 만큼 공간을 차지하는 것을 의미한다. div 같은 태그 경우. 텍스트 길이 만큼 공간을 차지 하는게 아닌 한 라인 모든 공간을 차지하는 반면 텍스트 속성은 텍스트 길이, 크기 만큼 공간을 차지한다. inline 속성은 텍스트로 보기 때문에. font-size 를 사용하여 크기를 조절 할 수 있다. 단, width, height와 같은 속성은 사용 할 수 없다. 텍스트 속성에다가 width, height 속성을 사용한 것을 본 적이 있는가?! block 속성은 쌓이는 상자 와 유사하..