250x250
반응형
- Today
- Total
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 공익 훈련소
- 자바스크립트 순수함수
- query param
- useformstatus
- 산업기능요원 훈련소
- angular
- 비동기 병렬처리
- 훈련소 후기
- NextJS
- useRouter
- server action
- no-use-before-define
- 리액트 알림
- 자바스크립트
- 오블완
- 사회복무요원 훈련소
- react
- 리액트
- svgr
- sessionStorage
- resolved to branch.
- next.js toast
- The above error occurred in the
- react life sycle
- 리액트 라이프사이클
- 오라클클라우드
- react toast
- localStorage
- 훈련소
- styled-component
Archives
목록react css (1)
아 그거 뭐였지
[React] Styled-Component 사용해보기 (Props로 재사용 컴포넌트 만들기)
컴포넌트 재사용성을 위해 Styled-Component를 사용해보기로 하였다. 사용하기에앞서 설치를 먼저 해주도록하자. 본인은 타입스크립트로 개발하였기에 두번째 명령어로 설치하였다. //타입스크립트 안쓸경우 npm install styled-components //타입스크립트를 사용할경우 npm install @types/styled-components 사용하고자 하는 컴포넌트에서 import를 한다음 원하는 html element(div나 span등등,,,)를 지정하여 사용하면 된다. 문법은 styled.element`css속성` 이다. 코드로 확인해보자. //Button.tsx import styled from "styled-components"; // 타입정의 type ButtonType = { w..
Front-End
2022. 6. 27. 00:00