Rainyjune Blog

  • 홈
  • 태그
  • 방명록

Styled Component 1

Styled Components

CSS에 정의하는 html style을 javascript단에서 정의할 수 있도록 도와주는 library이다. 설치 터미널에서 npm install styled-components 컴포넌트 js 파일에서 import styled from 'styled-components'; 사용법 변수에 html요소를 style과 함께 정의한다. let button = styled.button` background : ${ props => props.bg }; color : ${ props => props.bg == 'blue' ? 'white' : 'black' }; padding : 10px; `; styled.HTML태그 로 정의하고 상세 style은 백틱(`) 내부에 css처럼 정의하면 된다. 이 또한 컴포넌트이..

개발/React 학습 2023.03.21
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (57)
    • 개발 (42)
      • Spring Boot 학습 (6)
      • Java Script 학습 (0)
      • CSS 학습 (0)
      • React 학습 (27)
      • DevExpress (1)
      • React + Spring Boot 게시판 만들기 (5)
      • Proxmox (3)
    • Tips (2)
    • Photo (11)

Tag

array, 경상남도수목원, 화이트 메인보드, 귀산해변, 불모산 노을전망대, 악양생태공원, PostgreSQL, 주문진메밀막국수, 속천항, JPA, SpringBoot, react, meta quest 3s, setState, Redux, 내친구, state, 주남저수지, Proxmox, a7c2,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

티스토리툴바