인프런 커뮤니티 질문&답변

안녕하세요 로초님

emotion으로 reset.css적용할려고 하니 잘 안되서 질문을 올립니다.

하단방법처럼 적용을 해봤습니다.

import { css } from '@emotion/react';
const Reset = css`
  ol,
  ul {
    list-style: none;
  }
`

export default Reset;

import React from 'react';
import loadable from '@loadable/component';
import { Switch, Route, Redirect } from 'react-router-dom';
import { Global } from '@emotion/react';
import reset from '@utils/Reset';
const Home = loadable(() => import('@layouts/Home/Home'));

const App = () => {
  return (
    <div>
      <Switch>
        <Route exact path={'/'} component={Home} />
      </Switch>
      <Global styles={reset} />
    </div>
  );
};