style scoped 관련 문의드립니다

Question

안녕하세요 강사님 입문->중급->완벽 강좌까지 잘 수강하고 있습니다 음 근데 저는 강사님이 적용하시는 style scoped가 해당 컴포넌트에만 명시한 스타일이 적용되게 하는것으로 알고 있는데,  저 같은 경우에는 style scoped가 동작을 안하네요. scoped를 삭제하면 스타일이 적용이 됩니다 그래서 여태까지 강의를 듣는동안 style에 scope는 적용하지 못했네요. 위 같은 경우가 발생할 수 있는 경우가 있나요? https://github.com/JayPark0128/Vue-Board/blob/master/src/components/UserProfile.vue 혹시 몰라 제가 작성한 코드를 올립니다 감사합니다.

캡틴판교 · Answer

안녕하세요 준우님, 먼저 제 강좌를 모두 수강해주셔서 감사합니다. 질문 주신 것 답변드릴게요 :) 일단 말씀해주신 것처럼 스타일에 `scoped` 라는 것을 붙이면 해당 컴포넌트에만 스타일이 적용됩니다. 첨부해주신 깃헙 소스 링크를 보면 따로 `scoped`를 붙여놓으시진 않았는데 붙여도 스타일링이 안되시나요? `scoped`를 붙이고 로컬 서버를 실행했을 때 따로 오류가 안난다면 아마 CSS 명시도 문제일수도 있을 것 같습니다. 일단 붙여서 실행하신 다음에 해당 HTML 요소에 스타일링이 어떤 식으로 적용되었는지 요소 검사를 해보시는게 좋을 것 같아요. 살펴보시고 알려주세요. 저도 궁금하네요 :) 강의 수강해주셔서 감사합니다  😄