• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

style scoped 관련 문의드립니다

19.11.04 11:46 작성 조회수 115

1

안녕하세요 강사님

입문->중급->완벽 강좌까지 잘 수강하고 있습니다

음 근데 저는 강사님이 적용하시는 style scoped가 해당 컴포넌트에만 명시한 스타일이 적용되게 하는것으로 알고 있는데,  저 같은 경우에는 style scoped가 동작을 안하네요. scoped를 삭제하면 스타일이 적용이 됩니다 그래서 여태까지 강의를 듣는동안 style에 scope는 적용하지 못했네요.

위 같은 경우가 발생할 수 있는 경우가 있나요?

https://github.com/JayPark0128/Vue-Board/blob/master/src/components/UserProfile.vue

혹시 몰라 제가 작성한 코드를 올립니다

감사합니다.

답변 1

답변을 작성해보세요.

0

안녕하세요 준우님, 먼저 제 강좌를 모두 수강해주셔서 감사합니다. 질문 주신 것 답변드릴게요 :)

일단 말씀해주신 것처럼 스타일에 `scoped` 라는 것을 붙이면 해당 컴포넌트에만 스타일이 적용됩니다. 첨부해주신 깃헙 소스 링크를 보면 따로 `scoped`를 붙여놓으시진 않았는데 붙여도 스타일링이 안되시나요?

`scoped`를 붙이고 로컬 서버를 실행했을 때 따로 오류가 안난다면 아마 CSS 명시도 문제일수도 있을 것 같습니다. 일단 붙여서 실행하신 다음에 해당 HTML 요소에 스타일링이 어떤 식으로 적용되었는지 요소 검사를 해보시는게 좋을 것 같아요. 살펴보시고 알려주세요. 저도 궁금하네요 :)

강의 수강해주셔서 감사합니다 😄