[feature-01/setting] Github, Tailwind 기본 스타일 등 개발 환경 설정

[hm1n]

어떤 기능인가요?

1. Github Issue, PR 템플릿 및 Labels 설정

• Github Issue, PR 템플릿을 추가했습니다.
• 사전에 정의한 커밋 컨벤션의 태그에 맞게 Github Label을 변경했습니다.

2. Tailwind 기본 theme 및 커스텀 클래스 설정

• Figma에 정의한 스타일 가이드를 기반으로 Tailwind theme 객체를 정의했습니다.
• theme 객체를 참조해 global.css에 재사용되는 클래스(card, button)들을 정의했습니다.
• 메인 화면에 스타일 가이드를 작성했습니다.

3. 기타 Tailwind 플러그인 및 패키지 추가

작업 상세 내용

• Github Issue, PR 템플릿 추가
• Github Labels 설정
• tailwind.config.ts theme 객체 작성
• global.css 수정 및 커스텀 클래스 추가
• 스타일 가이드 코드 작성
• tailwind-preset-px-to-rem 플러그인 추가
• prettier-plugin-tailwindcss 패키지 추가

참고할만한 자료(선택)

• https://v1.tailwindcss.com/docs
• https://velog.io/@llllll18/React-Tailwind-CSS-%EC%82%AC%EC%9A%A9-4