Emotion 컴포넌트를 일반 CSS 선택자로 사용하기 위한 next.config 설정

[Bori-github]

🔗 연관된 이슈

• close Emotion 컴포넌트를 일반 CSS 선택자로 사용하기 위한 next.config 설정 #103

🗒 작업 목록

• Emotion 컴포넌트를 일반 CSS 선택자로 사용하기 위한 next.config 설정

🧐 PR Point

• Emotion 컴포넌트를 일반 CSS 선택자로 사용하기 위해서는 설정이 필요합니다.
• Emotion 공식 문서에서는 @emotion/babel-plugin를 설치하여 사용할 수 있다고 했지만 next.js의 경우 config만 추가 설정하면 됩니다.
• 보다 쉽게 CSS를 적용하기 위해 해당 설정을 추가하였습니다.
  ⇒ 블로그에 해당 내용 정리 블로그 바로가기

💥 Trouble Shooting

• 해당 작업을 하던 중 발생했던 문제에 대해 작성해주세요.

📸 스크린샷 / 피그마 링크

• 내용을 입력해주세요.

📚 참고

• Component selectors can only be used in conjunction with babel-plugin-emotion
• Targeting another emotion component

✅ PR Submit 전 체크리스트

• Merge 하는 브랜치는 main 브랜치가 아닙니다.
• 코드에 크리티컬한 error 또는 warning이 존재하지 않습니다.
• 불필요한 console이 존재하지 않습니다.