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

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

최근글과 인기글

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

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.