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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

티스토리툴바