Development Vlog

  • 홈
  • 태그
  • 방명록

styled components 1

[React] 스타일 재사용 (styled, css함수)

`styled()` 함수Styled components 라이브러리에서 제공하는 기능으로, 기존 컴포넌트에 스타일을 상속하거나 추가 스타일을 적용할 수 있습니다.// Button.jsimport styled from "styled-components";const Button = styled.button` border: 1px solid #58c4dc; background-color: #343a46; color: #ffffff; padding: 16px; &:hover { background-color: #ffffff; color: #343a46; }`;export default Button;// App.jsimport styled from 'styled-components';impor..

Front-End/React 2024.10.16
이전
1
다음
더보기
프로필사진

시니철

🌍

방문자수Total

  • Today :
  • Yesterday :
  • 분류 전체보기 (54)
    • Front-End (1)
      • CSS (1)
      • JavaScript (13)
      • React (11)
      • TypeScript (3)
      • Next (2)
      • React Query (1)
    • Git & GitHub (6)
    • Unix & Linux (1)
    • Google Analytics (1)
    • Weekly Paper (13)

Tag

세션 기반 인증, Semantic, .gitinore, javascript, 토큰 기반 인증, CSS, frontend, React Query, codeit, weekly paper, github, react, seo, cors 에러, javascipt, typescript, Git, styled components, 구글 소셜 로그인, next.js,

최근글과 인기글

  • 최근글
  • 인기글
GitHub 👽 Hwiiron 🔥

Copyright © Kakao Corp. All rights reserved.

티스토리툴바