diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md index 4656afe..cc905e8 100644 --- a/.github/PULL_REQUEST_TEMPLATE.md +++ b/.github/PULL_REQUEST_TEMPLATE.md @@ -1,44 +1,33 @@ ## ๐ ์์ ๋ด์ฉ -- **์บ๋ฆญํฐ ์ ์ฅ ์นด๋ ์ด๋ฏธ์ง ํ์ ๊ฐ์ **: `object-cover` ๋ฐฉ์์ ํด์ ํ๊ณ ์๋ณธ ์ด๋ฏธ์ง ๋น์จ์ ๋ง์ถฐ ์นด๋์ ์ธ๋ก ๊ธธ์ด๊ฐ ์๋์ผ๋ก ๋์ด๋ ์จ์ ํ ์ด๋ฏธ์ง๊ฐ ๋ ๋๋ง๋๊ฒ ๋ณ๊ฒฝ (ํ๋จ๋ถ 1/24 ์์ญ ํด๋ฆฌํ) -- **์นด๋ ์ฌ๋ฐฑ ๋ฐ ๊ตฌ๋ถ์ ์ ๋ฆฌ**: ์บ๋ฆญํฐ์ ์ด๋ฆ ์ฌ์ด์ ๊ฐ๋ก ๊ตฌ๋ถ์ ๊ณผ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง ํ๋จ ์ด๋์ด ๊ทธ๋ผ๋ฐ์ด์ ๋ฐ์ค ์ค๋ฒ๋ ์ด๋ฅผ ์ญ์ ํด ๊น๋ํ UI ๊ตฌ์ฑ -- **์นด๋ ๋๋น ๋ฐ ์ฌ๋ฐฑ ์ต์ ํ**: ๋ชจ๋ฐ์ผ ๋ทฐ ๋๋น ์นด๋๊ฐ ํ๋ฉด์ ๊ฐ๋ฆฌ๋ ํ์์ ๊ณ ์ณ ์นด๋ ๋๋น๋ฅผ `max-w-[260px]`๋ก ์ถ์ํ๊ณ , ์นด๋์ ํ๋จ ๊ณต์ /์ ์ฅ ๋ฒํผ ์ฌ์ด์ ๊ฐ๊ฒฉ์ ๋ํญ ์ขํ ํ๋์ ๋ค์ด์ค๊ฒ ํฅ์ -- **์บ๋ฆญํฐ ์ ๋ณด ์์น ๋ณ๊ฒฝ**: ๊ฐ์กฐ๋๋ ๋ฉ์ธ ํ์ดํ(ํฌ๊ณ ๊ตต์ ํ ์คํธ)์๋ ๋๋ค์ ๋์ ์บ๋ฆญํฐ ๋ณธ๋ช (`character.name`)์ ์์น์ํค๊ณ ๊ทธ ํ๋จ์ ์๋ฒ, ๋๋ค์, ์ง์ ์ด ๋ ๋๋ง๋๋๋ก ์ค์ -- **์นด๋ ๋ฐฐ๊ฒฝ ํค์ค๋งค๋ ์ผ์น**: ๋ฑ๋ฑํ ๋ฒ ์ด์ง ๋จ์์์ ๋ฒ์ด๋, ๋ฉ์ธ ํ๋ฉด์ ๋ฉ์ธ ํ ๋ง์ ๋์ผํ ๋ถ๋๋ฌ์ด ์ฝ๋-์ค๋ ์ง ๊ทธ๋ผ๋ฐ์ด์ ์ ์ฉ (`#FAC486`, `#F2A372`) -- **๋ฒํผ ๋ฐ ๊ทธ๋ฃนํ ๋ถ๋ชจ ๋ ์ด์์ ์กฐ์ **: Flexbox(`flex-col`) ์ปจํ ์ด๋๋ฅผ ํ๋๋ก ๋ฌถ์ด '์ ์ฅํ๊ธฐ' ๋ฒํผ์ด ์ธ๋ก๊ฐ ๊ธด ๋๋ฐ์ด์ค์์ ํ๋ฉด ๋ฐ๋ฐ๋ฅ์ผ๋ก ๋๋ง๊ฐ๋ ํ์ ์ ๊ฑฐ ๋ฐ ์นด๋ ์ค์ ์ ๋ ฌ ๊ณ ์ -- **๋ก๊ทธ์ธ ์ ์ด๋ฆ ์ ์ฅ ๊ธฐ๋ฅ ๋ณต๊ตฌ**: ์ฒดํฌ๋ฐ์ค(`saveName`) UI๋ง ์๋ ๊ฒ์ ์ค์ LocalStorage์ ์ฐ๋ํด ์ด๋ฆ ์ ๋ ฅ ์ํ๋ฅผ ์๊ตฌ ์ ์ฅํ๊ณ , ๋ค์ ๋ฒ ํ์ ๋ ธ์ถ ์ "์ด๋ฆ ์๋ ๋ณต์ & ์ฒดํฌ๋ฐ์ค ์ ์ง ์ํ"๋ก ์คํ ๋ฆฌ์ง ํธ๋ค๋ง ํฝ์ค -- **๋ก๊ทธ์์ ํ๋ก์ฐ ํต์ผ์ฑ ๋ณด์**: ์ฌ์ด๋๋ฐ(ํ๋ฒ๊ฑฐ ๋ฉ๋ด) ๋ฐ ํก ์์ธ์ ์ฐ์ธก ์๋จ ๋ก๊ทธ์์ ๋ฒํผ ํด๋ฆญ ์, ๋ก๊ทธ์ธ ์ฐฝ์ด ์๋ ๋ฉ์ธ ๋ฃจํธ(`/`)๋ก ๋ฐ๋ก ๋ผ์ฐํ ๋๋๋ก ์ ์ -- **ํก ์์ดํ ์์ธ์ฑ ๊ฐํ**: ํก ๋ด์ ์ ์ ๋ค์๊ณผ ํ ์คํธ ๋ณธ๋ฌธ ๋๊ป๋ฅผ ๋ชจ๋ `font-bold` ๊ธ์ผ๋ก ๊ฐ์ฅ ์งํ๊ฒ ๋ณผ๋ ์ฒ๋ฆฌ -- **์์ธ ํ์ด์ง ํ๋ฐ(Header) ๋์ด ์ ๋ ฌ**: ๋ค๋ฅธ ํ์ด์ง ํ๋ฐ์ ๋ฌ๋ฆฌ `detail` ํ ํ๋ฆฟ๋ง ํฌ๊ณ ๋์๋ ํจ๋ฉ ์ฌ๋ฐฑ ๊ธฐ์ค(`py-3` -> `py-2`)์ ํต์ผ ์ ์ฉ +- **์ด์ํ ํ๋ง๋ ์์ธ UI ๋๊ธฐํ**: `team-message` ์์ธ ํ์ด์ง ๋ ์ด์์์ ๊ธฐ์กด ๊ฒฐ์ฐ ์์ธ(`msg`) ํ์ด์ง์ ์๋ฒฝํ ํต์ผ (ํฐ์ ์ปจํ ์ด๋ ๋ฐฐ๊ฒฝ ๋ถ๋ฆฌ, ํ๋จ๋ถ ๊ฐ ์น์ ๋ณ ๊ฐ๋ก ๊ตฌ๋ถ์ ์ถ๊ฐ, ํจ๋ฉ ๋ฐ ์ฌ๋ฐฑ ์์น ์ผ์น) +- **์ฌ์ด๋๋ฐ ํธํฐ ๋์์ธ ๊ฐํธ**: ๊ธฐ์กด "๋ฉ์๊ฒฐ์ฐ ๊ธฐ๋ก" ํ์ดํ ํ ์คํธ๋ฅผ ์ ๊ฑฐํ๊ณ , ํ๋จ์ ๋ณ ๋ชจ์ ์์ด์ฝ(`Simbol Logo`)๊ณผ ์ ์ฒด ๊ธฐ๋ก ๊ธฐ๊ฐ ํ ์คํธ๋ง ๋ณ๋ ฌ ๋ฐฐ์นํ์ฌ ์ฌํํ๊ฒ ๊ฐ์ +- **๋ก๊ทธ์ธ ํ์ UI ๊ฐ์ **: ์ด๋ฆ ์ ๋ ฅ ํผ ๋ด ๋ถํ์ํ ๋ง์ถค๋ฒ ๊ฒ์ฌ(๋นจ๊ฐ ์ค) ๋ฐ ์น ๋ธ๋ผ์ฐ์ ์๋์์ฑ์ ๋ฐฉ์งํ๊ธฐ ์ํด ๋จํ๋ฐ๋ `InputBox` ์ปดํฌ๋ํธ์ `spellcheck="false"`, `autocomplete="off"` ์ผ๊ด ์ ์ฉ +- **์ด์ํ ์ ์ฉ ๋ผ๋ฒจ๋ง ํํฐ๋ง**: `member` ์บ๋ฆญํฐ ์์ธ ํ์ด์ง์์ ์บ๋ฆญํฐ๊ฐ '์ด์ํ'์ผ ๊ฒฝ์ฐ ๊ธฐ์กด์ "๋ ๋ฒจ/์๋ฒ/์ง์ " ์๋ฆฌ๊ฐ ์๋ **"13๊ธฐ / ๊ฐ์ฒ๋ํ๊ต / ์ด์ํ"**์ผ๋ก ๊ฐ์ ํ์๋๋๋ก ๋ถ๊ธฐ ์ฒ๋ฆฌ ๊ฐ์ +- **๋ฉ์๊ฒฐ์ฐ ํก ๋์์ธ ๊ฐ์ **: ํก ํ๋จ์ ์ ์ก ๋ฒํผ ํ์ดํ ์์ด์ฝ์ ํฐ์ ํฌ๋ช ๋ฒ์ (`Send, Color=White copy.svg`) ๋ ์ด์์์ผ๋ก ๊ต์ฒดํ์ฌ ๋ฐฐ๊ฒฝ ํค์ค๋ฒ ๋ฐฉ์ง ๋ฐ ์์ธ์ฑ ํ๋ณด +- **๋ฉ์ธ ์บ๋ฆญํฐ ์นด๋ ๋น์จ ์๋ฒฝ ๋ณต๊ตฌ**: ์ด์ ๋ณํฉ ๋ฐ ๊ตฌ์กฐ ๋ณ๊ฒฝ ๊ณผ์ ์์ ํผ์๋๋ ์๋ ์บ๋ฆญํฐ ์ํ ๋ฉ ์ด๋ฏธ์ง CSS ๋น์จ ์์ฑ(`h-40 w-3/4 aspect-[5/6] object-cover`)๋ค์ ์๋ ์ปค๋ฐ๋๋ก ๋๋๋ฆฌ๊ณ , ๊ฐ์ฅ์๋ฆฌ๊ฐ ์ ๋ช ํ๊ฒ ๋ ๋๋ง๋๋๋ก `image-rendering: pixelated`๋ง ํจ๊ป ์ ์ฉ ## ๐ฏ ๊ด๋ จ ์ด์ -Closes #(์ด์๋ฒํธ๋ฅผ ์ ๋ ฅํด์ฃผ์ธ์) +- ์์ ## ๐ค ์ฌ์ฉํ Prompt -- "์บ๋ฆญํฐ ์ด๋ฏธ์ง ์๋ฅด์ง ๋ง๊ณ ์๋ณธ ์ข ํก๋น ์ ์งํด์ ์ธ๋ก ๋๋ ค์ค, ํ๋จ๋ง 1/24 ๋จ์๋ก ์๋ผ" -- "์ ์ฅ ์นด๋๋ฅผ ์ ์ฒด์ ์ผ๋ก 4/5๋ก ์ค์ฌ์ค, ๋ชจ๋ฐ์ผ์์ ์ ์ฅ ๋ฒํผ์ด ์ ๋ณด์ฌ" -- "๋ฐฐ๊ฒฝ ๋ฒ ์ด์ง ๋จ์ ๋ง๊ณ ๋ฉ์ธ ํ๋ฉด ๊ทธ๋ผ๋ฐ์ด์ ๋ฐฐ๊ฒฝ์ผ๋ก ๋ณ๊ฒฝํด" -- "๋ฒํผ์ด๋ ์นด๋ ์ฌ์ด ๊ฐญ ์ค์ด๊ณ , ๋ฒํผ์ด๋ ์นด๋๋ ๋ฌถ์ธ ๋ถ๋ชจ๋ฅผ ๋ง๋ค์ด๋์ ํด์๋๊ฐ ์ธ๋ก๋ก ๋งค์ฐ ๊ธธ์ด์ ธ๋ ๋ฒํผ์ด ๊ฐ์ด๋ฐ ๊ทธ๋ฃน์ผ๋ก ๋ฐ๋ผ์ค๊ฒ ํด" -- "์บ๋ฆญํฐ ์นด๋ ์์ ์บ๋ฆญํฐ ๋ณธ๋ช , ๋๋ค์ ์ฐธ์กฐํ๋ ์ ๋ค ์๋ก ์์น ๋ฐ๊ฟ์ ๊ฐ์กฐํด ์ค" -- "ํฐํธ ๋ณผ๋ ์ฒ๋ฆฌํด ์ค" -- "๋ก๊ทธ์ธ ๋ชจ๋ฌ์ฐฝ ์ด๋ฆ ์ฒดํฌ๋ฐ์ค ๋๋ฌ๋ ์ ์ฅ ์ ๋๋ ๋ก์ง ์์ , ์ฒดํฌ ํ๋ฆผ ๋ฒ๊ทธ ํฝ์ค ๋ฐ ์๋ก๊ณ ์นจ ํ์๋ ์ ์ง๋๊ฒ ํด ์ค" -- "์์ธ ํ์ด์ง ํค๋ ํ๋ฐ ์ฌ์ด์ฆ๋ฅผ ๋ฉ์ธ ํ๋ฉด ๊บผ๋ ๋ง์ถฐ ์ค" -- "๋ก๊ทธ์์ ํ๋ฉด ์๋ ์๋ /login ํ๋ก์ฐ ๋ฒ๋ฆฌ๊ณ ๋ฐ๋ก ๋ฉ์ธ /๊ฒฝ๋ก๋ก ๊ฐ๊ฒ ํด" +- "team-message/[id] ํ์ด์ง์ UI๋ฅผ ๊ธฐ์ค์ด ๋๋ msg/[id] ํ์ด์ง์ ๋์์ธ ์์์ ์๋ฒฝํ๊ฒ ํต์ผํ๋๋ก ์์ ํด๋ผ. ์ปจํ ์ด๋ ํฐ๋ฐฐ๊ฒฝ ๋๋๊ธฐ, hr ๊ตฌ๋ถ์ ์ฌ๋ฐฑ ๋ฑ" +- "๋ฉ์ธ ํ๋ฉด ์บ๋ฆญํฐ ์ด๋ฏธ์ง๋ค์ ํฌ๊ธฐ๊ฐ ์์์ง๊ณ ๋ฐฐ์น๊ฐ ์ด๊ธ๋๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค. ์๋ณธ ์ฝ๋ ๊ตฌ์กฐ ๋ ์ด์์์ผ๋ก ์๋ฒฝํ ํต์ผ์ํค๊ณ ํฝ์ ํ ์ ์งํด" +- "์ด์ํ ํ๋ง๋๋ฅผ ํํฐ๋ง ํด์ '๋ ๋ฒจ/์๋ฒ/์ง์ ' ์๋ฆฌ์ '13๊ธฐ/๊ฐ์ฒ๋ํ๊ต/์ด์ํ'์ผ๋ก ํ์๋๊ฒ ํด์ค." +- "์ฌ์ด๋๋ฐ ํ๋จ '๋ฉ์๊ฒฐ์ฐ ๊ธฐ๋ก' ํ ์คํธ ์ ๊ฑฐํ๊ณ ์ฌ๋ณผ ๋ก๊ณ svg๋ ๋ ์ง ๊ธฐ๊ฐ ๋ฐฐ์นํด ์ค" +- "๋ก๊ทธ์ธ ํ์ ์ ์ด๋ฆ ์ ๋ ฅ ์นธ์ ํ ์คํธ ์ ๋ ฅํ๋ฉด ๋นจ๊ฐ ์ค ์ณ์ง๋ ๊ฑฐ ์์จ ์ ์์ด? autocomplete ๊บผ ์ค" +- "๋ฉ์๊ฒฐ์ฐ ํก์ ์ ์ก ๋ฒํผ ์์ด์ฝ ์ปฌ๋ฌ ํ์ดํธ ์ฌ๋ณธ ์ค๋ํซ์ผ๋ก ๋ณ๊ฒฝํด ์ค (`send-icon-white.svg`)" ## โ ์ฒดํฌ๋ฆฌ์คํธ -- [x] ๋ก์ปฌ์์ ํ ์คํธ ์๋ฃ -- [x] ํ์ ์๋ฌ ์์ (`npm run check`) -- [x] Linter ํต๊ณผ -- [x] ๋ชจ๋ฐ์ผ ๋ฐ์ํ ํ์ธ -- [ ] ์ฝ๋ ๋ฆฌ๋ทฐ ์์ฒญ ์๋ฃ +- [x] ๋ก์ปฌ์์ ๊ฐ๋ฐํ๊ฒฝ ์๋ ํ ์คํธ ์๋ฃ (npm run dev) +- [x] ํ์ ๋ฐ ์ถฉ๋ ์๋ฌ ์์ (`npm run check`, FastAPI ๋ฐฑ์๋ ๋ฆฐํฐ ํต๊ณผ) +- [x] UI/UX ๋ ๋๋ง ํ์ธ (Pixelated, Overflow ๋ฑ) +- [ ] ์ฝ๋ ๋ฆฌ๋ทฐ ์์ฒญ ๋ฐ dev ๋ธ๋์น ๋ณํฉ ## ๐ธ ์คํฌ๋ฆฐ์ท (์ ํ) - - - + ## ๐ฌ ํน์ด์ฌํญ -- ์นด๋๊ฐ DOM ์์ฒด์์ ํฌ๊ธฐ๊ฐ ์๋์ผ๋ก ๋ฐ์ํ ์กฐ์ ๋๋๋ก `clientHeight`, `margin-bottom` ์ฐ์ ๋ก์ง์ด ๋์ ๋์ด ์์ต๋๋ค. -- ์ด๋ฏธ์ง ํ์ผ ๊ด๋ จ Python Pillow ์ด๋ฏธ์ง ์ต์ ํ๋ฅผ ์๋ํ๋ ค ํ์ผ๋ ๋ก์ปฌ(UV) ํ๊ฒฝ ๋ฌธ์ ๋ก ์๋ต๋์์ต๋๋ค. `html-to-image` ์ต์ ๋ฐฐ์จ(`pixelRatio: 3`)์ ๋ํญ ๋์ฌ ํ์ง ์ ํ ๋ฌธ์ ๋ฅผ ํด์ํ์ต๋๋ค. +- ์์ ๋๋ฒ๊น ์ฉ๋๋ก ๊ธฐ์ฌํด ๋ ํ๋์ฝ๋ฉ ๊ฐ(๊น๋จ๋ฐ, ํ๋ฒ ๋ฑ) ์ฝ๋๋ฅผ ์ ๋ฆฌํ๊ณ ๋ชจ๋ ์ฌ๋ฐ๋ฅด๊ฒ ์ด๊ธฐํ(`""`) ๋ฐ ์ญ์ ํ์์ต๋๋ค. --- diff --git a/dpbr_front/app/check_output.txt b/dpbr_front/app/check_output.txt new file mode 100644 index 0000000..af2cd9c Binary files /dev/null and b/dpbr_front/app/check_output.txt differ diff --git a/dpbr_front/app/src/app.html b/dpbr_front/app/src/app.html index 139a663..eff6309 100644 --- a/dpbr_front/app/src/app.html +++ b/dpbr_front/app/src/app.html @@ -1,16 +1,33 @@ -
- - - - - -