๐ DIARY/2022 ์ฃผ๊ฐํ๊ณ ์ธ๋ค์ผํ ๋ฆฌ์คํธํ 10์ 5์ฃผ์ฐจ ์ฃผ๊ฐํ๊ณ 22.10.24 ์์์ผ ๐จ ๐ฃ ๐ โ TODAY I DONE #1 CoStudo Project ์ฃผ๊ฐํ์ ์์์ผ ์์์ ์ด์ ์ต์ํด์ง CoStudo ์ฃผ๊ฐํ์๋ก ์์ํ๋ค. ์ฃผ์ ๋ ผ์ ์ฌํญ์ Flex ์คํ์ผ ์ค๋ณต ํด๊ฒฐ ๋ฐฉ๋ฒ, Row ์ปดํฌ๋ํธ ์ฉ๋ ์ ํ, Input ์ validation ์ด์๋ค. Flex ์คํ์ผ์ ์ค๋ณต ํด๊ฒฐ ๋ฐฉ๋ฒ์ ์ง๊ธ๊น์ง๋ sass ์์๋ mixin, styled components ์์๋ mixin๊ณผ ๋น์ทํ๊ฒ css ๊ฐ์ฒด๋ฅผ ์์ฑํด ์ถ๊ฐํ๋ ๋ฐฉ์์ผ๋ก ํด๊ฒฐํ์๋๋ฐ ํํฌ๊ป์ flex ์คํ์ผ์ ์ง์ ํ ์ ์๋ ์ปดํฌ๋ํธ๋ก ๊ตฌํํ์๊ณ ์ ์ํด์ฃผ์ ์ ์ ์ ํ๋ค. ๋ ผ์ ๋์ mixin ๋ฐฉ์์ผ๋ก ๊ฐ๋ ค๋ค๊ฐ ํด๋น ์คํ์ผ์ ์์น๋ฅผ ์ด๋ค ๋ ํฌ์ ๋ฌ์ผ ํ๋์ง์ ๋ํด ์๊ฒฌ์ด ๋์์ ์ข ๋ ๋ ผ์๋ฅผ ํด์ผํ ์ฌ์ง๊ฐ ์์ ๊ฒ .. ๋๋ณด๊ธฐ 10์ 3์ฃผ์ฐจ ์ฃผ๊ฐํ๊ณ 22.10.10 ์์์ผ ๐ฌ๐คฏ๐ค โ TODAY I DONE #1 CoStudo Project ์ฃผ๊ฐํ์ ์์์ผ์ CoStudo Project์ ์ฃผ๊ฐํ์๊ฐ ์๋ ๋ ์ด๋ค. ์คํ 2์์ ๋ชจ์ด๊ณ ๋๋๋ ์๊ฐ์ ๋ฏธ์ ์ธ ํ์๋ก ํ ์ฃผ์ ๊ณํ๊ณผ ๊ตฌ๋๋ก ํด์ผํ๋ ์ฃผ์ ๋ ผ์ ์ฌํญ์ ๋ํด ํ ์ํ๋ ํ์๋ค. ์ฃผ์ ๋ ผ์ ์ฌํญ์ ์ ๋ฆฌํด๋ณด๋ฉด.... 1. ํ์ ๋ฐฉ์ ํํฌ์ ๊ฑด์๋ก Discussion ์ด๋ PR ๋ฆฌ๋ทฐ์ ๋ง๊ฐ์๊ธฐ, ๋ค๋ฅธ ํ์์ด ๊ตฌํํ ์ปดํฌ๋ํธ์ ์๋ฌธ์ด๋ ๊ฐ์ ๋ฐฉ์์ด ์๊ธธ ๊ฒฝ์ฐ ๊ทธ ์๊ฒฌ์ ์ด๋ค ์์ผ๋ก ์ ๋ฌํ ์ง์ ๊ฐ์ ํ์ ๋ฐฉ์์ ๋ํด ๋ ผ์ํ๋ค. ์ด์ฐ๋ณด๋ฉด ์ฌ์ํ๊ณ ๋ณ๊ฑฐ ์๋ ๊ฒ ๊ฐ์ง๋ง ๊ฐ์ ํ๋ก ํธ ๋ถ์ผ์ 4๋ช ์ด ํ๋์ ์ฝ๋๋ฅผ ๊ณต์ ํ์ฌ ๊ฐ๋ฐํ๋ค๋ณด๋ ์ํํ ํ๋ก์ ํธ์ ์งํ์ ์ํด์๋ ์ด๋ฐ ์ธ์ธํ ํ์ ๋ฐฉ์์ ๊ท์น์ผ๋ก ๋ฑ ์ ํด๋๋.. ๋๋ณด๊ธฐ 10์ 2์ฃผ์ฐจ ์ฃผ๊ฐํ๊ณ : CoStudo Project 22.10.03 ์์์ผ ๐ง ๐ ๐ โ TODAY I DONE #1 CoStudo - RadioGroup Components ์ฐ ์ต์ข ์ง๋ ์ผ์ฃผ์ผ ๋์ Headless Component๋ฅผ ๊ตฌํํด๋ณด๋ฉฐ Style ๊ณผ ๊ด๋ จ๋ ๋ถ๋ถ๋ณด๋จ ๊ธฐ๋ฅ์ ์ง์คํ๋ค๊ณ ์ ๋๋ก ๊น๊ฒ ๊ณ ๋ฏผ์ ํ์ง ์์๋๋ ์ปดํฌ๋ํธ ์ฌ์ฉ์์๊ฒ input๊ณผ label์ ๊ฐ์ง๊ณ ์๋ Option ์ปดํฌ๋ํธ์ ์ด๋ป๊ฒ Custom Styling์ ํ ์ ์๊ฒ ํ ์ง์ ๋ํด ํผ๋๋ฐฑ์ ํผ๋๋ฐฑ์ ๋ฐ์๋ค. ์ง๋ ์ฃผ ์, ๋ชฉ ๋์ ํด๋น ๋ถ๋ถ์ ๋ํด์ ์ด๊ฒ ์ ๊ฒ props๋ฅผ ์ถ๊ฐํด๋ณด๊ณ ์ฝ๋๋ฅผ ๋ถ๋ฆฌํด๋ณด๊ณ ์์ค์ฝ๋๋ฅผ ์์ด๋ผ ๋ค์ง์ด๋ผ ํ๋ฉฐ ๊ฐ์ ์ ์๋ํด๋ดค์ง๋ง ์ฉ ๋ง์์ ๋ค์ง ์๊ณ ์คํ๋ ค ์ฝ๋๋ง ๋ณต์กํด์ก๋ค. ๊ทธ๋ฌ๋ ์ด๋ฏธ ์ผ์ ์ ๋๋ ์ด ๋์๊ณ , ๊ธ์์ผ๊น์ง๋ ๋ง๋ฌด๋ฆฌ ํด์ผ๊ฒ ๋ค ์ถ์ด์.. ๋๋ณด๊ธฐ ์ด์ 1 ๋ค์