[React] CSS 적용하기

학습일 : 2023. 03. 16

---

 

css 적용을 위한 두가지 선택지가 있다.

방법1

src 폴더 안에 css (styles.css 라고 만들었음.) 파일을 만든다.

index.js로 가서 

import "./styles.css";

라고 import 해주어야 한다.

 

<index.js>

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import "./styles.css";

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

이렇게 작성해주고 나서


<styles.css>

button {
    color:white;
    background-color: tomato;
}

button:hover{
    background-color: blue;
}

이렇게 작성해주면



이렇게 css가 잘 적용됨을 볼 수 있다.

 

 

 

방법2

[React] 동일한 css 속성을 다른 파일 내에서 사용하기

 

 

 

 

 

 

구롬이만