일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- styled component 작동안함
- RN navitate push
- gsap 기초
- 퍼블리셔
- React-Native 공부
- styled component is not working
- SafeArea 커스텀
- 타입스크립트
- 임고미
- 트윈맥스 기초
- reactnative 웹뷰 페이지 로딩
- gsap
- react이론
- scrollIntoView scrollTo
- js 특정 위치로 이동
- rn webview page loading
- styled component
- React-Native IOS
- React Native navigation
- 리액트
- React Native SafeArea Custom
- input 숫자입력
- 웹뷰 페이지 로딩
- safari wiondow.open
- slick slider 간격
- react native safeArea
- react
- 프론트앤드
- styled component 작동 안될때
- JS
Archives
- Today
- Total
목록스타일 컴포넌트 (1)
개발공부 임고미
[StyledComponent] 스타일드 컴포넌트 활용하기
간단한 스타일을 줄때 활용했는데 제대로 활용해보기 위한 정리 styled component 의 API Reference 와 Getting start 부분을 참고해 작성 1. 활용가능 : 태그 or 컴포넌트(tag / component) //태그 : .button const Button = styled.button` background: palevioletred; border-radius: 3px; border: none; color: white; ` //컴포넌트 : (ComponentName) const TomatoButton = styled(ComponentName)` background: tomato; ` 2. 조건에 따른 스타일링 (props) //props로 background를 받아와서 색을 넣..
리액트/라이브러리
2021. 3. 22. 14:09