[React] Styled Component 230926

~79일차~

Styled Component

• Css-in-JS라고 하는 JavaScript 파일 안에서 CSS를 처리할 수 있게 해주는 대표적인 라이브러리
• https://styled-components.com/docs/basics

1. 설치 방법

npm install styled-components@latest

• @latest 없이도 설치가 가능하지만 간혹,
  npm ERR! Cannot read properties of null(reading 'edgesOut')
  라는 에러가 나올 수 있어서 붙이는 게 좋다.

2. 작성 방법

import styled from "styled-components";

const Banner = () => {
  //생략
  return (
      <>
        <Container>
     		<HomeContainer>
     		</HomeContainer>
    	</Container>
  	 <>
  ) 
};

const Container = styled.div`
display: flex;
justify-content: center;
align-item: center;
flex-direction: column;
width: 100%
height: 100vh;
`;

export default Banner;