Load 28

Writing on code & systems.

Alla11yagileaiarchitectureauthenticationawsbmadbrowsercacheclaudecompilercomponentcontextcookiecsrfcssdata-modelingdata-structuredatabasedesign-systemdeveloper-toolsdevelopmentdnsdxeffecteffect-tsenterpriseentireeslintfiberfido2functionfunctional programmingfunctional-programminggenericgitgraphqlgrpci18njavascriptloadingmathnext.jsnitrooauthoptimizationpasskeyperformancepnpmprotobufqueryqwikreactreconciliationredisrefactoringreflectionremixrenderingrscrustschemasecurityserverside-projectspec-drivenssrstreamingtanstacktanstack-querytestingtokiotype-systemtypescriptunicodeunjsuxvalidationvanilla-extractwebauthnwebsocketxssyarnzod
design-system3 postsโœ•
2026
Latest
2026.05.12ยท12 min read

๋ชจ๋ฐ”์ผ ๋””์ž์ธ ์‹œ์Šคํ…œ์—์„œ CSS๋ฅผ ์˜๋„์˜ ์–ธ์–ด๋กœ ๋‹ค๋ฃจ๊ธฐ

CSS๋Š” ์‹œ๊ฐ์  ๊ฒฐ๊ณผ๋งŒ ๋งž์œผ๋ฉด ํ†ต๊ณผํ•˜๋Š” ์ฝ”๋“œ์ฒ˜๋Ÿผ ๋‹ค๋ค„์ง€๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค. padding: 12px 16px์€ ๋ถ„๋ช…ํžˆ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด ์ฝ”๋“œ๋Š” "์™œ 12px์ธ์ง€", "์™œ ์ขŒ์šฐ์™€ ์ƒํ•˜๊ฐ€ ๋‹ค๋ฅธ์ง€", "๋‹ค๋ฅธ ์–ธ์–ด๊ฐ€ ๋“ค์–ด์˜ค๋ฉด ๊ดœ์ฐฎ์€์ง€"์— ๋Œ€ํ•ด ์•„๋ฌด๊ฒƒ๋„ ๋งํ•˜์ง€โ€ฆ

02.02

DatePicker ์ปดํฌ๋„ŒํŠธ ์„ค๊ณ„

design system์—์„œ ์ง์ ‘ ์ž…๋ ฅ ๊ฐ€๋Šฅํ•œ DatePicker๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  ๊ตฌํ˜„ํ•œ ๊ณผ์ •์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

reactdesign-systemcomponent5 min
โ†’
01.31

line-height๋Š” ์ง์ˆ˜์—ฌ์•ผ ํ•œ๋‹ค

design system์—์„œ font size๋ณ„ line-height๋ฅผ ์„ค์ •ํ•  ๋•Œ ์ง์ˆ˜ ๊ฐ’์„ ์จ์•ผ ํ•˜๋Š” ์ด์œ ์— ๋Œ€ํ•ด ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

cssdesign-system3 min
โ†’
๋ชจ๋“  ๊ธ€์„ ์ฝ์œผ์…จ์Šต๋‹ˆ๋‹ค โœฆ