vscode 확장 vscode-stlyedcomponent 적용 ... - 인프런

한 입 크기로 잘라먹는 Next.js(v15)

2.7) 글로벌 레이아웃 설정하기

vscode 확장 vscode-stlyedcomponent 적용 안되는 오류

작성

안녕하세요. 지금 Next.js강의중 글로벌 레이아웃강의를 듣고있는데 css를 자동완성해주는 styledcomponent가 적용이 안되서

문의드립니다. 구글링을 통해 vscode-styled component의 버전을 낮춰보기도하고 typescripts에 버전을 낮추니 next.js가 적용이

안되어서 다시 돌려놓긴했는데 여전히 적용이 안돼서 뭐가 문제인지 몰라서 질문드립니다.

혹시몰라 제가 설치한 모든 확장프로그램들을 보내드립니다.

답변 2

질문자

제가 착오가있었습니다.

css 자동완성이 안되길래 해당 확장프로그램 때문인줄알았는데 다른 문제였습니다. 감사합니다.

지식공유자

안녕하세요 hiiiiiiiii2696님

본 강의에서는 vscode-stlyedcomponent 확장 프로그램을 사용하지 않고 있는데 ... 혹시 요 강의로 주신 질문이 맞을까요?

추가로 Styled Component 라는 기술은 CSS 코드를 JS 파일 안에 작성하는 CSS 프레임워크로 말씀하신 CSS 코드를 자동으로 완성하는 기능과는 거리가 있습니다.

Next.js 환경에서 Styled Component를 활용하시려면 서버와 클라이언트 측 간의 렌더링 불일치를 해결하기 위한 별도의 작업을 진행해주셔야 합니다. 사용하시는 라이브러리의 문서를 참고하셔서 설정을 진행하셔야 할 듯 합니다.