๋ฆฌ์กํธ ์๋ จ ์ฃผ์ฐจ ๋ด์คํผ๋ ํ ํ๋ก์ ํธ์์ ๋ด ์์
๋ฌผ์ ์ฌ๋ฆฌ๊ณ ๊ณต์ ํ๋ ์ฌ์ดํธ๋ฅผ ๋ง๋ค์์ด์
๋ฐฑ์๋๋ supabase๋ฅผ ์ด์ฉํ์ด์
๐ Story Book : https://bloodfolio-system.vercel.app
๐ ํ๋ก์ ํธ ์ปจ๋ฒค์
์ ๋ฆฌ : #1
- ๊ฐ์ ๋งก์ ์ญํ ์ ๋คํ ๋ค์๋, ๋ค๋ฅธ ํ์์ ์์
์ ๋์์ฃผ๋ฉด์ ์์ฑํ์ด์ ๐
- 2024.06.01 ~ 2024.06.07
- ํ๋ฐํ๊ฒ ์งํ ์ํฉ์ ๊ณต์ ํ๊ธฐ ์ํด zep๊ณผ slack์ ์ฌ์ฉํ์ด์
- ์ ์ฒด์ ์ธ ํ ํ๋ก์ ํธ์ ์งํ์ํฉ์ ํ์ธํ๊ธฐ ์ํด gitgub project๋ฅผ ์ฌ์ฉํ์ด์
- backlog๋ฅผ ๋จ๊ธฐ๊ณ ์์๋ก ์งํ์ํฉ์ ํ๋ก์ฐ์
ํด์
- ์ฝ๋๋ฆฌ๋ทฐํ๋ ๋ฌธํ๋ฅผ ์งํฅํด์
- pr์ 1๋ช
์ด์์ approve๊ฐ ์์ด์ผ develop์ merge๋ฅผ ํ ์ ์๋๋ก ์ค์ ํ์ด์
์คํ ๋ฆฌ๋ถ์ ์ฌ์ฉํ์ฌ UI ์ปดํฌ๋ํธ๋ฅผ ๋ฌธ์ํํ๊ณ ๋น ๋ฅด๊ณ ํจ์จ์ ์ผ๋ก ์์
ํ๊ธฐ ์ํด ์ฌ์ฉํ์ด์
์ํ ๊ด๋ฆฌ๋ฅผ ์ํ Redux Toolkit๊ณผ Thunk๋ฅผ ์ฌ์ฉํ์ด์
Supabase๋ฅผ ๋ฐฑ์๋๋ก ์ฌ์ฉํ์ฌ ์ค์๊ฐ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ฌ์ฉํ์ด์
Toast UI Editor๋ฅผ ์ฌ์ฉํ์ฌ ์์ฑํผ์ ๊ตฌํํ์ด์
React Router๋ฅผ ์ฌ์ฉํ์ฌ SPA์ ๋ผ์ฐํ ์ ๊ด๋ฆฌํ์ด์
CSS-in-JS ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ธ Styled Components๋ฅผ ์ฌ์ฉํ์ฌ ์ปดํฌ๋ํธ ์คํ์ผ๋ง์ ํ์ด์
SVG ํ์ผ์ React ์ปดํฌ๋ํธ๋ก ๋ณํํ์ฌ ์ฌ์ฉํ ์ ์๋ SVGR์ ์ฌ์ฉํ์ด์. ์ด๋ฅผ ํตํด SVG ์์ด์ฝ์ ๋ ์ฝ๊ฒ ๊ด๋ฆฌํ๊ณ ์ฌ์ฉํ ์ ์์ด์
- ๋์ ์์
๋ฌผ์ ์ฌ๋ฆด ์ ์์ด์
- ๋ค๋ฅธ ์ฌ๋์ ์์
๋ฌผ์ ๋ณด๊ณ ์๊ฐ์ ์ป์ ์ ์์ด์
- ๋์ ์์
๋ฌผ์ ๋งํฌ๋ฅผ ๋ณต์ฌํ์ฌ ๋ด ์ด๋ ฅ์์ ๋ฃ์ ์ ์์ด์
- ๋ค๋ฅธ ์ฌ๋์ ์์
๋ฌผ์ด ๋ง์์ ๋ ๋ค๋ฉด ํ์ ํด์ ๋ค์ ๋ณผ ์ ์์ด์
- ์ฌ์ดํธ์์ ์ด์ฉํ ๋ด ํ๋กํ์ ๋ณ๊ฒฝํ ์ ์์ด์
- ํ์ ๊ฐ์
ํ๊ณ ๋์ ํ๋กํ์ ๊พธ๋ฐ ์ ์์ด์
- ์ต์ ์์ผ๋ก ์ ๋ ฌ๋ ๋ค๋ฅธ ์ฌ๋์ ๊ธ์ ๊ตฌ๊ฒฝํ ์ ์์ด์
- ๋ง์์ ๋๋ ๊ธ์ด ์๋ค๋ฉด ์ ์ฅํ ์ ์์ด์
- ์ด๋ฉ์ผ์ ํตํด ๋ก๊ทธ์ธ๊ณผ ํ์๊ฐ์ ์ ํ ์ ์์ด์
- ๋น๋ฐ๋ฒํธ ์ ๋ ฅ ์ค ๊น๋จน์ผ๋ฉด ์ธ์ ๋ ์ง ๋์ ์ผ๊ณ ๋ค์ ๋ณผ ์ ์์ด์
- ์๋ฒ ํต์ ์ค ์๋ฌ๊ฐ ๋ฐ์ํ๋ฉด redux์ ์ํ๋ฅผ ์ ์ฅํ์ฌ ์ค๋ฅ ๋ฉ์ธ์ง๋ฅผ ๋
ธ์ถํด์
@toast-ui/react-editor
๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ด์ฉํ์ฌ ์๋ํฐ๋ก ์ด๋ฏธ์ง์ ๊ธ์ ์์ ๋กญ๊ฒ ์์ฑํ ์ ์์ด์
- ์์ธํ์ด์ง url์ ๊ณต์ ํ ์ ์์ด์
- ๋ด๊ฐ ์์ฑํ ๊ธ์์ ๊ฒ์๊ธ์ ์์ ํ๊ณ ์ญ์ ํ ์ ์์ด์
- ์๋ฒ์์ ๋ฐ์ดํฐ๋ฅผ ๋ถ๋ฌ์ฌ ๋ ์์ฐ์ค๋ฝ๊ฒ ๋
ธ์ถ๋๋๋ก loader๋ฅผ ์ ์ฉํ์ด์
- ๋ด๊ฐ ์์ฑํ ๊ฒ์๋ฌผ์ ๋ณผ ์ ์๊ณ , ๋ค๋ฅธ ์ฌ๋์ ๊ธ์ ์ฆ๊ฒจ์ฐพ๊ธฐ ํ ์ ์์ด์
- ๋ด ํ๋กํ ์ด๋ฏธ์ง์ ์ ๋ณด๋ค์ ์์ ํ ์ ์์ด์
- supabase๋ฅผ ์ด์ฉํด storage์ ์ด๋ฏธ์ง๋ฅผ ์ ์ฅํ๊ณ ๋ถ๋ฌ์์
- ๋๊ธ์ ์์ฑํ์ฌ ์๋ก ์ํ์ ๋ํ ์ปค๋ฎค๋์ผ์ด์
์ ํ ์ ์์ด์
- ์์ ๋ฒํผ์ ๋๋ ์ ๋, ๋ชจ๋ฌ์ ํตํด ๋๊ธ์ ์์ ํ๊ณ ์ญ์ ํ ์ ์์ด์