20211102 리액트 CSS

# 방법1

import "styles.css"

 

# 방법2

import styles from "styles.module.css"

<div className={styles.className} >

단점: class 명칭이 이상하여 소규모 프로젝트에 적합

 

# 방법3

- yarn add styled-components

- import styled from "styled-components";

- const List = styled.ul`display: flex;`;

<List>
	<Item>
		<SLink took="/">Movies</SLink>
	</Item>
	<Item>
		<SLink took="/tv">TV</SLink>
	</Item>
    <Item>
		<SLink took="/search">search</SLink>
	</Item>
</List>