styled-components 관련 질문
69
작성한 질문수 3
안녕하세요 css 쪽 학습 중에 있는데, style-component에 작성중인데 강사님의 화면과 다르게 실행은 제대로 되나 아래 화면과 같이 그냥 문자열처럼 갈색 표시가 되는데 그래서 css 문구 추천이 안되는 것 같은데 어떤 문제인가요?
답변 2
0
안녕하세요, 인프런 AI 인턴입니다. songso96님.
styled-components를 사용할 때, 코드가 문자열처럼 표시되며 CSS 문법의 추천 기능이 작동하지 않는 점은 종종 플러그인이나 설정 문제로 인해 발생할 수 있습니다. 일반적인 문제 해결 방법은 다음과 같습니다:
VS Code의 확장 프로그램 확인:
- styled-components를 사용 중이라면, 해당 문법을 인식하도록 여러 확장 프로그램이 존재합니다. 예를 들어,
vscode-styled-components라는 확장 프로그램을 설치하면 최고 CSS 문법 강조와 추천 기능을 사용하실 수 있습니다.
- styled-components를 사용 중이라면, 해당 문법을 인식하도록 여러 확장 프로그램이 존재합니다. 예를 들어,
파일 형식 확인:
- styled-components를 사용하는 파일이
.tsx또는.jsx형식인지 확인해주세요. 파일 형식이 올바르지 않으면 코드 편집기가 인식 문제를 일으킬 수 있습니다.
- styled-components를 사용하는 파일이
VS Code 설정 확인:
- VS Code의 설정에서
emmet확장이나 자동완성 관련 기본 설정을 확인하여, 올바로 적용되어 있는지 체크해보세요.
- VS Code의 설정에서
미리 선언된 변수가 문제일 수도 있음:
- 만약 선언되지 않은 변수를 CSS 속성으로 사용하려고 했을 경우, 플러그인에서 인식 오류를 발생시키는 경우도 있습니다. 변수가 올바르게 선언되어 있는지 주의 깊게 살펴보세요.
- 만약 선언되지 않은 변수를 CSS 속성으로 사용하려고 했을 경우, 플러그인에서 인식 오류를 발생시키는 경우도 있습니다. 변수가 올바르게 선언되어 있는지 주의 깊게 살펴보세요.
아래 링크는 styled-components와 관련된 문제를 해결하는데 도움이 될 수 있는 게시물입니다:
이렇게 적용하셔도 문제가 지속된다면, 설정 부분을 캡처하여 추가적인 도움을 요청하셔도 좋을 것 같습니다.
저는 질문자님의 이해를 돕고자 기존 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 충분치 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 도움을 주실 것입니다.
상태(State) 가 "시간이 지남~" 에 대해 질문 있습니다.
0
34
2
import {} 중괄호 차이점
0
38
2
[ 문의]몽고DB connect 의 건
0
47
2
제공되는 react_code.zip 중에 ..
0
47
2
커리큘럼 비활성화
0
46
2
설명하시는 개념들을 잘 모르겠습니다.
0
43
2
이해가 절반 정도 되는데요.
0
56
1
styled-components(전역)
0
56
1
cloudinary 관련
0
71
3
useOptimistic 실전-1 useState
0
87
2
discord 초대장 갱신이 필요한거같습니다.
0
83
1
할일 관리 앱(메모이제이션)
0
99
2
Web 플랫폼 등록
0
140
2
함수 정의 기준
0
87
2
fetch는 사용되는가
0
88
2
전역상태 관리 선택 기준
0
109
2
tailwind css는 언제 사용되는가 또 다른 css와의 차이
0
210
2
카카오 web플랫폼 등록
0
193
2
컴포넌트 그리고 폴더 구조에 대해
0
78
2
152강 보는중입니다. 초시계부분이구요. 넘버가 timeout을 받을수없다는 에러가 나오고 있어요
0
52
1
폼테그 다른 태그를 하나의 상태 객체로 묶기
0
55
2
class를 className으로 전부 수정하실 때
0
49
2
JWT에 대한 개념도 학습할 수 있나요?
0
74
2
수업자료 다운로드
0
61
2