emotion 점진적 도입

[14KGun]

Summary

Inline style을 지양하고, 기존의 inline style을 emotion으로 대체합니다.

jsx파일의 emotion 사용법

import { css } from "@emotion/css";

const Component = () => (
  <div
    className={css({
      background: "red",
    })}
  />
);

tsx파일의 emotion 사용법

const Component = () => (
  <div
    css={{
      background: "red",
    }}
  />
);

Emotion document

• emotion.sh/docs

Tasks

• 기존 jsx 파일 styling emotion으로 대체
• 기존 tsx 파일 styling emotion으로 대체

[14KGun]

@antaechan @0ev @Hyogyeong8 @withSang @imYourChoi @chlehdwon