# style-components

7개의 포스트
post-thumbnail

React - styled-components

style-components styled-components란 JS 파일 내에서 css를 사용할 수 있게 해주는 React를 주요 대상으로 한 css-in-js 라이브러리이다. 설치 방법 사용 방법 > styled-components를 styled라는 이름으로

5일 전
·
0개의 댓글
·

SurveyProject) 스타일변수 만들기(feat.style-components)

설문폼 프로젝트를 클론코딩해보며 이것저것 새로 알기도하고, 알던걸 또 되새기며 조금씩 깨우치고있다. 그중 style-components를 사용하며 이렇게도 쓰는구나를 배운것이 있다.(style-components를 사용하는 법이기도하지만 CSS-in-JS의 사용법? 편

2022년 7월 27일
·
0개의 댓글
·

CRA(TypeScript), ESLint, Prettier, Styled-Components, Material UI

CRA(TypeScript) > npx create-react-app@latest 'Project Name' --template typescript ESLint VSCode Extension ESLint 설치 npm ESLint, 패키지 설치 > npx instal

2022년 5월 24일
·
0개의 댓글
·

📚ReadyBooks📚 1주차 고민한 개발의 흔적들

style-components 에서 다른 스타일 컴포넌트 불러오는 법 DeleteBtn 불어온 부분이다 리액트 return 부분에서 for 문을 사용하고 싶을때 쓰는 방법 리액트에서 script 로 어떤 파일을 받아서 해당 부분을 다른 react 부분에서 불러와 사

2021년 12월 19일
·
0개의 댓글
·
post-thumbnail

React Blog - 스타일 설정

npm i style-components명령어로 설치 한 다음위와 같이 디렉터리에 palette.js 파일을 만들어 줍니다.

2020년 9월 4일
·
0개의 댓글
·

(React) Style-components attrs 간략 활용 예제

Html에서의 인풋과 스타일링.Style-components를 활용한 속성 값 변경 후 스타일링 한 모습.

2020년 7월 19일
·
0개의 댓글
·

(React) Style-components 간략 활용 예제

컴포넌트 생성하고 CSS 파일을 따로 생성해서 스타일링 한 모습.style-components를 import 후에 사용한 모습.

2020년 7월 19일
·
0개의 댓글
·