[1.6.0] CPM_Arena Production (#44)

[1.6.0] CPM_Arena Production

.github/CONTRIBUTING.md

@@ -0,0 +1,72 @@
+# 컴프매 아레나 도우미에 기여하기
+
+어떤 것이라도 좋습니다. <br />기여하려는 마음에 깊은 감사를 드립니다.
+
+> 이 서비스는 [IMFlow](https://github.com/iml1111/IMFlow)를 참고하여 진행하였습니다.
+> <br />아래 규칙을 따라주시면 감사하겠습니다.
+
+<br />
+
+## 1. Issues
+
+먼저 Issues 탭에서 이슈를 생성해주세요.
+
+제목과 내용을 상세히 작성해주신 뒤에 라벨을 달아주세요.
+
+### 1-1. Labels
+
+- <span style="color:#a2eeef">Feat</span> - 새로운 기능 추가
+- <span style="color:#d73a4a">Fix</span> - 새로운 기능을 추가하지 않는 버그 수정
+- <span style="color:#cfd3d7">Refac</span> - 더 나은 코드 구현
+- <span style="color:#0075ca">Docs</span> - 문서 변경
+- <span style="color:#d876e3">Chore</span> - 그 외 모든 것
+
+## 2. Pull Requests
+
+PR의 제목은 다음 형식과 일치해야 합니다.
+
+```text
+[<type>-<issue-id>] <description>
+```
+
+> 모든 PR은 develop 브랜치로 squash merge하기 때문에, 커밋의 수나 스타일을 신경쓰지 않아도 됩니다.
+> <br/>편하게 커밋해주세요.
+
+### 2.1 Type
+
+이슈 생성 시 달았던 라벨을 작성해주세요.
+
+### 2.2 Issue-Id
+
+생성된 이슈 번호를 작성해주세요.
+
+### 2.3 Description
+
+PR에 대한 간략 한글 설명를 작성해주세요.
+
+### 2.4 Close Issue
+
+`close #<issue-id>`를 이용하여 해당 PR을 머지함과 동시에 이슈를 종료할 수 있습니다.
+
+내부 내용 최하단에 추가해주세요.
+
+### 예시)
+
+```text
+# 제목
+[feat-16] 선수 선택 및 팀 전력 확인 기능 구현
+
+# 내용
+.
+.
+.
+
+---
+- close #16
+```
+
+## 3. Convention
+
+최대한 코드 스타일을 따라주시면 좋지만, 엄격하게 규정된 컨벤션은 존재하지 않습니다.
+
+또한, 완벽한 것은 아니기에 더 나은 코드나 방향성이 있다면 제시해주세요.

.prettierrc.js

@@ -6,4 +6,6 @@ module.exports = {
   tabWidth: 2,
   endOfLine: 'auto',
   bracketSpacing: true,
+  plugins: ['prettier-plugin-tailwindcss'],
+  tailwindFunctions: ['classnames'],
 };

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Sangmin Lee
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,64 @@
+<a align="center" href="https://cpm-arena.com" target="_blank">
+  <!-- <img alt="logo" src="https://cpm-arena.com/assets/metaImg.png"> -->
+  <img alt="logo" src="https://github.com/GINK-SS/CPM_ARENA/assets/66083363/f0d7ad84-6886-49e9-9bd5-0aad84e07701">
+</a>
+
+<br />
+
+<h1 align="center">컴프매 아레나 도우미</h1>
+<p align="center" style="font-weight:500">⚾️ 오늘의 아레나를 위해 최적의 라인업을 구성해 보세요! ⚾️</p>
+
+<p align="center">
+  <a href="https://github.com/GINK-SS/CPM_ARENA/releases">
+    <img alt="GitHub Release" src="https://img.shields.io/github/v/release/GINK-SS/CPM_ARENA?style=for-the-badge&label=latest&color=%23000">
+  </a>
+  <a href="https://github.com/GINK-SS/CPM_ARENA/blob/develop/LICENSE">
+    <img alt="GitHub License" src="https://img.shields.io/github/license/GINK-SS/CPM_ARENA?style=for-the-badge&color=%23000">
+  </a>
+  <a href="mailto:[email protected]">
+    <img alt="Contact" src="https://img.shields.io/badge/contact-gink.ss00%40gmail.com-000000?style=for-the-badge&color=%23000">
+  </a>
+</p>
+
+<br />
+
+<p align="center">
+  <a href="https://cpm-arena.com" target="_blank">
+    <img width="200" src="https://github.com/GINK-SS/CPM_ARENA/assets/66083363/b8ee888e-6885-44cb-940a-13392daa2cd0" alt="button" />
+  </a>
+</p>
+
+<br />
+
+`컴프매 아레나 도우미`를 통해 선택한 연도의 선수 엔트리를 쉽게 확인할 수 있습니다.
+
+시너지와 선호 타선 등을 맞추어 최고의 라인업을 구성하고, 이를 목표로 아레나를 진행해보세요.
+
+<br />
+
+<p align="center">
+  <a href="https://cpm-arena.com/entry/2006ltsklgsshw" target="_blank">
+    <img src="https://github.com/GINK-SS/CPM_ARENA/assets/66083363/d3155d86-186f-4b76-9c41-59be344ac235"/>
+  </a>
+  </p>
+
+## 기술 스택
+
+![Static Badge](https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=TypeScript&logoColor=white)
+![Static Badge](https://img.shields.io/badge/Next.js-000000?style=flat-square&logo=Next.js&logoColor=white)
+![Static Badge](https://img.shields.io/badge/Zustand-E9B240?style=flat-square&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAe1BMVEVHcEwdGhYdGhcODAuabFoAAAAREg8PDQrEfGgiHhrSiXUGBQSLXEokIh+wc18dGBR8XlJbVktURTtdWlFEPjhCPDY5NS89OTMtKiVJQTpxYlczMCt1ZlokIBxPRj9hVUtZT0UTExFoXFJ9UUCSg3N/dWqeYEbOVyqlPB4jT27bAAAAFHRSTlMAqIox/gk+cvrp+lj+zPoe4Oa0gtfDlpAAAAGJSURBVCiRlZLXcuMwDEXVbBU7tpMFUdglueT/v3BJKbGc2bws+KABz6DwXhXFf8ZHiPVLWu9eEsEZ37b0oqXK3/O+PhcVdcORn+xPYKa2evcxChk3d12zwXdz6tBEUeIViBi8H7e26IehQyUCIOABwPBhg3HojgogVQIQKQXUPmFJ3T3dKA/KhNvNenRm/w17mhHACwhdb1prO7Hgbr88r/JEsIS56knfQ6bmOlwyXQmNooLV8fEIqVbFrjslmQ5rlTJA6VpP0Vqtg+uGS15nLUz1OGlrbQhutNqZj9z1LTNsGgIzWTfyOI5sJ7e+ps89Q3M6GoraJTR6rSPjBudT0xgiO8lnuFptDeIi0tKWmqOA4mjDY07LeofmnGH7XAjIxekz2MywX/TZmfUtWXRiTs44RjRf6pYqG5VYmk1o0lGI7kvaHSe6hleSDFAK3VP4AyefIDsp2RkhdJtlRetQKBtJiiDNe2Xp7+sZ0zxIB4H7ffEzKueY2TC7/lD8G3VblWXZ1r+gX+MvRD0sQ1ZcHdsAAAAASUVORK5CYII=&logoColor=white)
+![Static Badge](https://img.shields.io/badge/Framer-0055FF?style=flat-square&logo=framer&logoColor=white)
+![Static Badge](https://img.shields.io/badge/TailwindCSS-06B6D4?style=flat-square&logo=tailwindcss&logoColor=white)
+
+![Static Badge](https://img.shields.io/badge/Vercel-000000?style=flat-square&logo=vercel&logoColor=white)
+
+## 기여하기
+
+컴프매 아레나 도우미에 기여하고 싶다고 생각하셨다면 아래 문서를 참고해주세요.
+
+[CONTRIBUTING](https://github.com/GINK-SS/CPM_ARENA/blob/develop/.github/CONTRIBUTING.md)
+
+## 라이선스
+
+[MIT](https://github.com/GINK-SS/CPM_ARENA/blob/develop/LICENSE) © 2024. GINK-SS
+<br/>References Com2uS materials under their copyright.

next.config.mjs

@@ -1,9 +1,11 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: false,
-  compiler: {
-    styledComponents: true,
+  images: {
+    formats: ['image/avif', 'image/webp'],
+    imageSizes: [16, 32, 48, 64, 96, 128],
   },
+  compiler: {},
 };
 
 export default nextConfig;