styled-components2 [React] GlobalStyles(전역 스타일링) 1. 개요 import styled from "styled-components";function TestPage(props) { return ( Wrapper> Title>{props.Title}Title> Contents>{props.Contents}Contents> Wrapper> );}const Wrapper = styled.div` border : 1px solid black; border-radius: 15px; padding : 20px; margin : 16px auto; max-width: 400px;`;const Title = styled.h1` font-family: 'Courie.. 2024. 8. 20. [React] Styled-Components 개요1. className 을 지정하여 , 별도의 css파일에서 Styled를 지정하는 방법. div>' a href="https://vitejs.dev" target="_blank"> img src={viteLogo} className="logo" alt="Vite logo" /> a> div>하나의 예시로 className은 logo로 지정되어 있기에 상단에서import './App.css'App.css 파일을 import 하고 있기에, .logo { height: 6em; padding: 1.5em; will-change: filter; transition: filter 300ms;} App.css에서는 이러한 className에 대한 st.. 2024. 8. 20. 이전 1 다음
