depromeet / layer

[DEPROMEET - 15] ✨ 성장하는 당신을 위한 회고 서비스, Layer

https://layerapp.io

25 stars 5 forks source link

Feature/#1/emotion #3

Closed sean2337 closed 3 months ago

sean2337 commented 3 months ago

Emotion 세팅 완료

🏄🏼‍♂️‍ Summary (요약)

Emotion 라이브러리 추가
Emotion Babel 세팅

🫨 Describe your Change (변경사항)

Babel 설정을 위한 .babelrc 생성 및 코드 추가
package.json에 Emotion 관련 라이브러리 설치
css props를 사용하기 위한 설정 tsconfig.json, vite.config.ts 코드 추가
사용법
```
import { css } from "@emotion/react";
```

const style = css color: hotpink; ;

const Test = () => { return (

Hello Emotion

); }; export default Test;


위 내용을 추가하여 위와 같이 css import 받아서 `/** @jsxImportSource @emotion/react */`를 붙이지 않고 사용 가능하도록 설정했습니다. 

### 🧐 Issue number and link (참고)

- #1 
### 📚 Reference (참조)
[참고 블로그](https://medium.com/@zero86/emotion-%EA%B0%84%EB%8B%A8%ED%95%98%EA%B2%8C-%EB%A7%9B%EB%B3%B4%EA%B8%B0-react-ts-vite-35f82da4b282)

klmhyeonwoo commented 3 months ago

상관은 없을 것 같은데 저번에 이야기 했던 것처럼 커밋 메세지에 #1 넘버링 해도 좋을 것 같아요 ✌🏻