1. 기본적으로 rem 단위 사용하기

10px === 1rem

ex) 112px → 11.2rem

+) 그러나, 정확한 크기가 필요한 border, box-shadow 등은 px 단위를 사용해요

2. icon(svg) 추가 & 사용방법

1. src 폴더 > assets 폴더 > svg 폴더 > svg 파일 추가
2. src 폴더 > icons 폴더 > index.ts 에 다음과 같이 추가

import TimeIcon from './time.svg';

export {
  TimeIcon,
...};

3. 컴포넌트에서 사용하는 법

import { UpIcon, TimeIcon } from '../../assets/icons';

<UpIcon />
<TimeIcon />

4. import 방법

전체 모듈을 하나의 객체로 가져오는 방식을 사용해요 (1개 이상일 때)

import * as styles form ‘@shared/card.css’

className={styles.containerStyle}