๐ ๋ฌ์์ด์ฑ ์ง์์ ์์ ์ค์ ๊ฒ์ ํ์ํฉ๋๋ค
โ์ง์์ ๋๋๋ฉด ๋ฐฐ๊ฐ ๋๊ณ , ์ฐ๊ฒฐ๋๋ฉด ์๋ก์ด ๊ฐ์น๋ฅผ ์ฐฝ์กฐํฉ๋๋ค.โ
โ ์ด๋ณด ๊ฐ๋ฐ์์ ํ์ต ์ฌ์ ์ ๊ธฐ๋กํ๋ฉฐ, ํจ๊ป ์ฑ์ฅํ๋ ๊ณต๊ฐ
๐งญ ์ด ์ ์์ ๋ํ์ฌ
์๋ ํ์ธ์, ๋ฌ์์ด์ฑ์ ๋๋ค. ๐
์ ๋ ์ด๋ณด ๊ฐ๋ฐ์๋ก์ ๋งค์ผ ์๋ก์ด ๊ฒ์ ๋ฐฐ์ฐ๊ณ ์์ต๋๋ค. ์ด๊ณณ์ ์ ๊ฐ ํ์ตํ ๋ด์ฉ๋ค์ ์ ํ ์นด์คํ ๋ฐฉ์์ผ๋ก ์ฐ๊ฒฐํ๊ณ ์ ๋ฆฌํ๋ ๋์งํธ ์ ์์ ๋๋ค. ์๋ฒฝํ์ง ์์ ์ง์์ด๋ผ๋ ๊ธฐ๋กํ๊ณ ๊ณต์ ํ๋ฉฐ, ํจ๊ป ๋ฐฐ์ฐ๊ณ ์ฑ์ฅํ๋ ๊ฒ์ ์ถ๊ตฌํฉ๋๋ค.
๐ฏ ์ ์์ ์ฒ ํ
- ๐ฑ ํ์ต์ ๋ง์ธ๋: ๋ชจ๋ฅด๋ ๊ฒ์ ๋ถ๋๋ฌ์ํ์ง ์๊ณ , ๋ฐฐ์ฐ๋ ๊ณผ์ ์ ์ฆ๊น
- ๐ ์ฐ๊ฒฐ์ ํ: ์์ ์ง์ ์กฐ๊ฐ๋ค๋ ์ฐ๊ฒฐ๋๋ฉด ํฐ ํต์ฐฐ์ด ๋จ
- ๐ ๊ธฐ๋ก์ ๊ฐ์น: ์ค๋ ๋ฐฐ์ด ๊ฒ์ด ๋ด์ผ์ ๋์๊ฒ ๋์์ด ๋จ
- ๐ค ํจ๊ป ์ฑ์ฅ: ํผ์ ๋ฐฐ์ฐ์ง ์๊ณ , ์ปค๋ฎค๋ํฐ์ ํจ๊ป ๋ฐ์
๐จโ๐ป ์ ์ ๋ํด ๋ ์๊ณ ์ถ๋ค๋ฉด
- ๐ ํ๋กํ: litt.ly/reasonofmoon - ์ ์ ์ด์ผ๊ธฐ์ ์ฌ์
- ๐จ ์ํ ๊ฐค๋ฌ๋ฆฌ: Neobrutalist UI Collection - ๋์์ธ์ ๋ํ ์คํ๋ค
๐บ๏ธ ์ ์ ํ์ ๊ฐ์ด๋
๐ ์ฃผ์ ์นดํ ๊ณ ๋ฆฌ
๐ป ๊ฐ๋ฐ - ์ฝ๋ฉ ์ฌ์ ์ ๊ธฐ๋ก
โ์ด๋ณด์์ ๋์ผ๋ก ๋ณด๋ ๊ฐ๋ฐ์ ์ธ๊ณ, ์์ ๋ฐ๊ฒฌ๋ค์ ์์คํจโ
ํ์ต ์ค์ธ ์ฃผ์ ๋ค:
- ๐ ๏ธ ๊ธฐ์ด ๋๊ตฌ๋ค: Git ๊ธฐ๋ณธ๊ธฐ, VSCode ํ์ฉ๋ฒ
- ๐๏ธ ์ฝ๋ ํ์ง: Clean Code์ Uncle Bob์ ๊ฐ๋ฅด์นจ
- ๐จ UI/UX ๋์์ธ: Neobrutalist ์คํ์ผ๊ณผ ํ๋์ ๋์์ธ
- ๐ก ํ์ต ๋ ธํ์ฐ: ํจ๊ณผ์ ์ธ ์ฝ๋ฉ ๊ณต๋ถ๋ฒ๊ณผ ์ค์ต ํ๋ก์ ํธ
๐ง ์ง์๊ด๋ฆฌ - ๋ฐฐ์ด ๊ฒ์ ์์ง ์๋ ๊ธฐ์
โ์ด๋ณด์์ผ์๋ก ๋ ์ฒด๊ณ์ ์ธ ์ ๋ฆฌ๊ฐ ํ์ํ๋คโ
ํต์ฌ ์ฃผ์ :
- ๐ ์ ํ ์นด์คํ ์ ๋ฌธ: ์ฐ๊ฒฐ์ ํตํ ํ์ต ํจ๊ณผ ๊ทน๋ํ
- ๐งฐ ๋๊ตฌ ํ์ฉ: Obsidian์ผ๋ก ๋๋ง์ ํ์ต ์์คํ ๊ตฌ์ถ
- ๐ ๋ ์์ ์ ๋ฆฌ: ๊ธฐ์ ์์ ์ ํจ๊ณผ์ ์ผ๋ก ์ํํ๋ ๋ฐฉ๋ฒ
- โก ํ์ต ์์ฐ์ฑ: ์ ํ์ ์ธ ์๊ฐ์์ ์ต๋ ํจ๊ณผ ๋ด๊ธฐ
๐ ๊ต์ก - ๋ฐฐ์ฐ๋ฉด์ ๊ฐ๋ฅด์น๋ ์ฆ๊ฑฐ์
โ์ด๋ณด์๊ฐ ์ด๋ณด์์๊ฒ ์ ํ๋ ์ง์ง ๋์์ด ๋๋ ์ด์ผ๊ธฐโ
๊ด์ฌ ์์ญ:
- ๐ฏ ํ์ต ์ ๋ต: ๊ฐ๋ฐ ๊ณต๋ถ๋ฅผ ์ง์๊ฐ๋ฅํ๊ฒ ํ๋ ๋ฐฉ๋ฒ
- ๐ฅ ์คํฐ๋ ๊ทธ๋ฃน: ํจ๊ป ๋ฐฐ์ฐ๋ ๋ฌธํ ๋ง๋ค๊ธฐ
- ๐ ์ปค๋ฎค๋ํฐ: ์ด๋ณด ๊ฐ๋ฐ์๋ค์ ๋คํธ์ํน๊ณผ ์ฑ์ฅ
- ๐ ์ง์ ๊ณต์ : ๋ฐฐ์ด ๊ฒ์ ์ ๋ฆฌํด์ ๋๋๋ ๊ธฐ์
โจ ์ด๋ณด ๊ฐ๋ฐ์๋ฅผ ์ํ ์ถ์ฒ ์ฝ์ค
๐ ๊ฐ๋ฐ ์ ๋ฌธ์๋ผ๋ฉด ๊ผญ ๋ณด์ธ์
-
Git ๊ธฐ์ด๋ถํฐ ์ค์ ๊น์ง ๐ฅ
- ๋ฒ์ ๊ด๋ฆฌ์ ์ฒซ๊ฑธ์๋ถํฐ ํ์ ๊น์ง
-
VSCode๋ฅผ ๊ฐ๋ฐ์๋ต๊ฒ ์ฌ์ฉํ๊ธฐ โก
- ํ์ฅ ํ๋ก๊ทธ๋จ๋ถํฐ ๋จ์ถํค๊น์ง ์์ ์ ๋ณต
-
- Uncle Bob์ ๊ฐ๋ฅด์นจ์ ์ด๋ณด์ ๊ด์ ์์ ์ ๋ฆฌ
๐ง ํจ๊ณผ์ ์ผ๋ก ํ์ตํ๊ณ ์ถ๋ค๋ฉด
-
์ด๋ณด ๊ฐ๋ฐ์์ ์ ํ ์นด์คํ ํ์ฉ๋ฒ ๐
- ์ฝ๋ฉ ์ง์์ ์ฒด๊ณ์ ์ผ๋ก ์ฐ๊ฒฐํ๋ ๋ฐฉ๋ฒ
-
- ์ด๋ ค์ด ๊ฐ๋ฐ์๋ฅผ ํฌ๊ธฐํ์ง ์๊ณ ๋๊น์ง ์ฝ๊ธฐ
-
๊ฐ๋ฐ ๊ณต๋ถ ๋ฃจํด ๋ง๋ค๊ธฐ โ๏ธ
- ์ง์ฅ์ธ/ํ์๋ ๊พธ์คํ ํ ์ ์๋ ํ์ต ์์คํ
๐ ํจ๊ป ์ฑ์ฅํ๊ณ ์ถ๋ค๋ฉด
-
์ด๋ณด์ ์คํฐ๋ ๊ทธ๋ฃน ์ด์๊ธฐ ๐ฅ
- ์๋ก ๋์ฐ๋ฉฐ ๋ฐฐ์ฐ๋ ๋ฌธํ ๋ง๋ค๊ธฐ
-
๊ธฐ์ ๋ธ๋ก๊ทธ ์ฐ๊ธฐ ์ ๋ฌธ โ๏ธ
- ๋ฐฐ์ด ๊ฒ์ ์ ๋ฆฌํ๋ฉฐ ๋๋๋ ๊ธฐ์
๐ ์ด๋ฌ์ ํ์ต ๊ธฐ๋ก
๐ ์ต๊ทผ ์ฝ์ ์ฑ ๋ค
- ใClean Codeใ - Uncle Bob์ ํด๋ฆฐ ์ฝ๋ ์์น๋ค (์งํ ์ค)
- ใ์ค์ฉ์ฃผ์ ํ๋ก๊ทธ๋๋จธใ - ๊ฐ๋ฐ์ ๋ง์ธ๋์ ์ ๋ํ ๊ณ ๋ฏผ
- ใ์ ํ ์นด์คํ ใ - ์ง์ ๊ด๋ฆฌ ๋ฐฉ๋ฒ๋ก ํ๊ตฌ
๐ก ์ด๋ฒ ๋ฌ ์๋ก ๋ฐฐ์ด ๊ฒ๋ค
- Git ๋ธ๋์น ์ ๋ต: feature ๋ธ๋์น๋ถํฐ PR๊น์ง์ ์ํฌํ๋ก์ฐ
- CSS Grid vs Flexbox: ์ธ์ ๋ฌด์์ ์จ์ผ ํ๋์ง ๋๋์ด ์ดํด!
- ์ ํ ์นด์คํ ์ ์ฉ: ์ฝ๋ฉ ๊ณต๋ถ์ ์ฐ๊ฒฐ ์ฌ๊ณ ๋ฒ ๋์
๐ฏ ๋ค์ ๋ฌ ํ์ต ๋ชฉํ
- JavaScript ES6+ ๋ฌธ๋ฒ ์์ ์ ๋ณตํ๊ธฐ
- React ๊ธฐ์ด ํํ ๋ฆฌ์ผ ์์ฃผํ๊ธฐ
- ์ฒซ ๋ฒ์งธ ๊ฐ์ธ ํ๋ก์ ํธ ์์ํ๊ธฐ
๐ ๏ธ ์งํ ์ค์ธ ํ๋ก์ ํธ
- ๐จ Neobrutalist UI ์ปดํฌ๋ํธ: ๋ชจ๋ํ๋ฉด์๋ ๋ ํนํ ๋์์ธ ์คํ
- ๐ ๊ฐ๋ฐ ํ์ต ๋ ธํธ ์์คํ : ์ ํ ์นด์คํ ์ผ๋ก ์ฝ๋ฉ ์ง์ ์ฒด๊ณํ
- ๐ฅ ์ด๋ณด ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ: ํจ๊ป ๋ฐฐ์ฐ๋ ๋๋ฃ๋ค๊ณผ์ ๋คํธ์ํน
๐ค ํจ๊ป ๋ฐฐ์ฐ๊ณ ์ฑ์ฅํด์
๐ ์ฐ๋ฝํ๊ธฐ
- ๐ ํ๋กํ: litt.ly/reasonofmoon
- ๐จ ํฌํธํด๋ฆฌ์ค: Neobrutalist UI Collection
- ๐ง ์ด๋ฉ์ผ: contact@dalui.dev
- ๐ GitHub: @reasonofmoon
๐ ์ด๋ฐ ๋ถ๋ค๊ณผ ํจ๊ปํ๊ณ ์ถ์ด์
- ๐ฑ ์ด๋ณด ๊ฐ๋ฐ์: ํจ๊ป ๋ฐฐ์ฐ๋ฉฐ ์ฑ์ฅํ ๋๋ฃ๋ค
- ๐ ํ์ต์: ํจ๊ณผ์ ์ธ ๊ณต๋ถ๋ฒ์ ๊ณ ๋ฏผํ๋ ๋ถ๋ค
- ๐ ์ง์ ์ฐ๊ฒฐ์: ์ ํ ์นด์คํ ์ด๋ PKM์ ๊ด์ฌ ์๋ ๋ถ๋ค
- ๐จ ๋์์ด๋: UI/UX์ ๊ฐ๋ฐ์ ๊ต์ฐจ์ ์ ํ๊ตฌํ๋ ๋ถ๋ค
๐ค ๊ธฐ์ฌํ๋ ๋ฐฉ๋ฒ
- ๐ก ํ์ต ํ ๊ณต์ : Issues์์ ์ข์ ํ์ต๋ฒ ๋๋๊ธฐ
- โ๏ธ ๊ฒฝํ๋ด ๊ธฐ์ฌ: ์ด๋ณด์ ๊ด์ ์ ์์งํ ํ์ต ๊ฒฝํ ๊ณต์
- ๐ ์ค๋ฅ ์ ๊ณ : ์๋ชป๋ ์ ๋ณด๋ ๊ฐ์ ํ ์ ์๋ ค์ฃผ๊ธฐ
- ๐ฌ ํ ๋ก ์ฐธ์ฌ: Discussions์์ ํจ๊ป ๊ณ ๋ฏผํ๊ธฐ
๐ ์ ์ ํํฉ
ํ์ต ์ฌ์ :
โโโ ๐ ์์ฑํ ๋
ธํธ: 47๊ฐ (๊พธ์คํ ์ฆ๊ฐ ์ค)
โโโ ๐ ์ฐ๊ฒฐ ๋งํฌ: 89๊ฐ (์ง์ ๋คํธ์ํฌ ํ์ฅ)
โโโ ๐ ์ฝ์ ์ฑ
: 12๊ถ (์ฌํด ๋ชฉํ 24๊ถ)
โโโ ๐ป ์์ฑํ ํ๋ก์ ํธ: 3๊ฐ (์์ํ์ง๋ง ์๋ฏธ์๋)
โโโ ๐ฅ ์คํฐ๋ ๊ทธ๋ฃน: 2๊ฐ ์ฐธ์ฌ ์ค
โโโ ๐ ์ต๊ทผ ์
๋ฐ์ดํธ: 2์ผ ์ (๊ฑฐ์ ๋งค์ผ ๊ธฐ๋ก)๐ฑ ์ด๋ณด์์ ๋ค์ง
์ ๋ ์์ง ๋ฐฐ์ธ ๊ฒ์ด ์ฐ๋๋ฏธ์ฒ๋ผ ๋ง์ ์ด๋ณด ๊ฐ๋ฐ์์ ๋๋ค. ์ด ์ ์์ ๊ธฐ๋ก๋ ๋ชจ๋ ๋ด์ฉ์ด ์๋ฒฝํ์ง ์์ ์ ์๊ณ , ๋๋ก๋ ํ๋ฆด ์๋ ์์ต๋๋ค.
ํ์ง๋ง ๊ทธ ๊ณผ์ ์์ฒด๊ฐ ํ์ต์ด๊ณ , ์ค์๋ฅผ ํตํด ๋ฐฐ์ฐ๋ฉฐ, ๋ถ์กฑํจ์ ์ธ์ ํ๊ณ ์ฑ์๋๊ฐ๋ ๊ฒ์ด ์ง์ ํ ์ฑ์ฅ์ด๋ผ๊ณ ๋ฏฟ์ต๋๋ค.
ํจ๊ป ๋ฐฐ์ฐ๋ ๋ชจ๋ ๋ถ๋ค๊ณผ ๋ ๋์ ๊ฐ๋ฐ์, ๋ ๋์ ํ์ต์๊ฐ ๋์ด๊ฐ๊ธธ ํฌ๋งํฉ๋๋ค.
๐ โ์๋ฒฝํ์ง ์์๋ ๊ด์ฐฎ์ต๋๋ค. ์์ํ๋ ๊ฒ์ด ๊ฐ์ฅ ์ค์ํ๋๊น์.โ
๐ฏ ๋น ๋ฅธ ํ์
- ๐ ๊ฐ๋ฐ์ ์ฑ์ฅ ๊ณํ - ์ฒด๊ณ์ ์ธ ํ์ต ์์
- ๐ท๏ธ ์ ๋ฌธ์์ฉ ๋ ธํธ๋ค - ์ฝ๊ฒ ์ดํดํ ์ ์๋ ๋ด์ฉ๋ค
- ๐ ์ผ์ผ ๊ณต๋ถ ๊ธฐ๋ก - ๋งค์ผ์ ์์ ๋ฐ์ ๋ค
- ๐ฑ TIL ๋ชจ์ - Today I Learned ์์นด์ด๋ธ
- ๐ค ๊ฐ๋ฐ ๊ณต๋ถ์ ์ด๋ ค์๋ค - ์์งํ ํ์ต ๊ณผ์ ์ ๊ธฐ๋ก
๐จ ํน๋ณ ์ฝ๋: Neobrutalist Design
์ต๊ทผ Neobrutalist UI ๋์์ธ์ ๋งค๋ ฅ์ ๋๊ปด ๊ด๋ จ ํ๋ก์ ํธ๋ฅผ ์งํํ๊ณ ์์ต๋๋ค. ๐จ **์ํ ๊ฐค๋ฌ๋ฆฌ**์์ ์ ๊ฐ ์คํํ๊ณ ์๋ ๋๋ดํ๊ณ ๋ ํนํ ๋์์ธ๋ค์ ํ์ธํด๋ณด์ธ์!
- Bold Typography: ๊ฐ๋ ฌํ ํ์ดํฌ๊ทธ๋ํผ์ ํ
- High Contrast: ๋ช ํํ ๋๋น๋ก ์ ๋ฌ๋ ฅ ๊ทน๋ํ
- Geometric Shapes: ๊ธฐํํ์ ํํ์ ๋ชจ๋ํจ
- Brutalist Philosophy: ๊ธฐ๋ฅ๊ณผ ํํ์ ์์งํ ํํ
๐ ์ด๋ณด ๊ฐ๋ฐ์ ๋ฌ์์ด์ฑ๊ณผ ํจ๊ปํ๋ ํ์ต ์ฌ์ ์ ์ค์ ๊ฒ์ ์ง์ฌ์ผ๋ก ํ์ํฉ๋๋ค.
๋ง์ง๋ง ์ ๋ฐ์ดํธ: {{date}} | ํ์ต์: ๋ฌ์์ด์ฑ ๐