#02 VUE에서 CSS 연동 어떻게해?

나는.. 지금까지 깡 HTML만 썼던 밥오...

그래서 VUE를 써보자고 다짐했는데!!!!!!!!!!!!!

CSS 어케써용?

 

나는 깡html로 코딩만 했을때.. css를 

<like rel=style 어쩌고... =./hello.css"> 

로 연동했다. 너무 편했다.

 

 

과연 VUE도 편할까? 후후 … 그래서 알아봤다.

어? @import  'abc/bcd.css' 이런식으로 하면 css가 적용이 된다고?

그래서 해봤다. 둑 은....

 

 

자아,, <style></style> 태그안에 @import 뭐시기..

 

abc.css

Header.vue

 

자 이제 style 안에

쇽

히힛 두근두근 두근

 

 

?????????????????????????????????????????????????

 

뭐... 뭐야?

설치를 하려면 ㅁ..머잇?

 

경로가 잘못된건가.. 경로를 옮기기로 함.

 

같은 폴더에 위치시켰따^^

 

그리고 .../abc.css를

이거로 바꿔줌!

뽀짝

 

 

휴 이제 노여움을 푸셨다 ㄳ합니다 ㄳ합니다.. 감사해요!

접속을 해보까.. ~

난 참고로 노란색 배경을 스타일로 줬따!

 

아아 - 영롱하도다..

여,,영롱해!!! 최고야!!

CSS,, 쓰기 쉬웠구나 너..!

 

 

 

+ 참고하면 좋을 것 같은 css 설명 글

https://webisfree.com/2019-02-07/vuejs%EC%97%90%EC%84%9C-%EC%8A%A4%ED%83%80%EC%9D%BC-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0

VueJS에서 스타일 적용하는 방법 알아보기