React - Styled components

Styled components 는 React에서 CSS의 속성을 그대로 사용하도록 도와주는 CSS in js 라이브러리의 기본 사용법을 다루고 있습니다.

리액트를 모르신다면 리액트를 먼저 공부해주세요.

후속 수업은 아래 지식지도를 찾아보세요.

[상죽]

생활코딩님 감사합니다. 여기저기 강의도 찾아보고, 스타일드컴포넌트를 배워도 문법도 이해가 잘 안가고 왜쓰는지 이해를 못했는데 깨닫게 되었네요

[TheFRStech]

^^ 짝짝짝 감사합니다~
모처럼 반가운 목소리와 좋은 강의, 감사합니다~~^^

[chance_mkr]

기본 태그를 사용할 땐 문제가 없는데 styled-component를 이용해 태그를 사용할때 빈화면이 출력되는데 어떤 문제일까요?

[jookki]

저 궁금한게 있습니다.. vsc로 공부하고 있는데
서말지도 보고 하나하나 해보고있습니다.
궁금한게 처음 리액트 실습환경을 구축했을 때 react-app이라는 폴더를 만들고 거기에 리액트를 설치했습니다.
근데 거기에는 이제 react에서도 context api나 useReducer을 공부했기에
다른폴더(다른 프로젝트) 에서 공부하고싶은데
여기서 질문이 node js는 터미널로 설치하면 그냥 완전히 설치된것이고
react환경이나 styled-components 같은 경우는 새 프로젝트 폴더를 만들때 마다 터미널에서 설치해줘야하는것인가요?

[이상민-uzb]

vsc에서 styled를 사용하는데 `` 안에 글자들이 모두 주황색으로 나와 오타를 찾기 힘든데 혹시 기존 css 파일에 작성하던 것처럼 변경시킬 수 있을까요?

[심심하다능-rw]

질문이 있습니다. 답변 부탁드립니다. 타입스크립트 적용이 된 리액트18에서 추가로 styled-components를 설치하려고 하면 에러가 납니다. 리액트18에서는 안 되는 건가요?