emotion styled 에서 백틱
안녕하세요
리액트 01-02 emotion 강의를 들을때 styles 폴더 안에 만든 emotion.js 입니다.
강사님과 다르게 백틱 안에서의 문법이 문자열 처리된 것처럼 나오고 있습니다.
제가 사용하는 윈도우, 맥 모두 이러한 증상이 나타나는데 윈도우는 문법 적용이 안되고 맥은 적용이되네요..
자동완성도 안되니까 많이 불편한데 vscode 에서 문제인 걸까요?
답변 1
0
안녕하세요! dasd님!
Vscode 익스텐션에서 styled-components를 검색하시고 설치해 보세요!
사실 css 뿐만 아니라 html, js, python 등을 포함한 다른 언어 모두 텍스트 문자열이에요! 이 텍스트 문자열을 읽고 실행해주는 실행 프로그램이 존재할 뿐!
따라서 현재 보고 계신 모든 문자열 모두 메모장에 작성하셔도 실행하실 수 있답니다!
그러면 위에 알록달록한 내용들은 뭐냐?! VSCode라는 프로그램이 알록달록하게 만들어 주는 기능을 가지고 있어요!
하지만, emotion이나 styled-component 등에 대해서는 해당 기능을 제공해 주지 못하고 있는데, 이는 vscode 익스텐션을 설치하시면 해결 가능합니다!
0
안녕하세요 강사님 익스텐션에서 styled-components를 검색하면 나오는 vscode-styled-components 를 설치해봤는데 마찬가지로 윈도우는 실행이 안되고 맥은 실행이 되네요
사진을 보시면 import된 myEmail, myInput이 전혀 참조되지 않아서 인풋태그는 아예 빈칸으로 나오게 되는데 제 쪽에서 문제가 생긴걸까요..
fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다
0
41
1
댓글 기능 구현 중 질문드립니다.
0
67
1
쿠폰코드 발급
0
147
2
example 서버 플레이그라운드, API 접속 모두 안됩니다.
0
89
2
문의드립니다!! ㅠㅠ
0
106
2
graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.
0
80
2
_app.js 작성 이후로 에러가 발생하네요
0
95
2
학습자료
0
72
2
학습자료가 안열립니다.
0
51
2
플레이 그라운드 퀴즈 문제 질문이 있습니다.
0
61
0
기존강의 구매자, 업데이트 끝인가요?
0
111
3
업데이트 버전 수강
0
89
2
완벽한 프론트엔드
0
136
2
나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.
0
84
1
graphql 접속이 안됩니다.
0
101
2
const, let 사용 질문 드립니다.
0
72
2
싸이월드 만들기 1탄 피드백 부탁드립니다.
0
123
2
회원가입 과제 피드백 부탁드립니다.
0
81
2
styled.span / styled.input "CSS 자동완성"
0
47
1
쿠폰 발급 관련
0
167
2
서버 502 error
0
247
2
쿠폰 다시 부탁드려도 될가여?
0
140
2
a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요
0
185
2
2분 44초 질문
0
132
3