[REACT] CSS 적용법

CSS 적용법

import "./Main.css";

//JSX 주의사항
//1. 중괄호 내부에는 자바스크립트 표현식만 가능
//2. 숫자, 문자열, 배열 값만 렌더링 된다.
const Main = () => {
    const user = {
        name: "윤주영",
        isLogin: true,
    };
    
    if(user.isLogin){
        return <div
                className="logout">로그아웃</div>
    } else {
        return <div>로그인</div>
    }
}

export default Main;

//Main.css
.logout{
    background-color: red;
    border-bottom: green;
}