๐ก ๋ค์ ์๊ฐ (1์ฐจ์)
์ด UI์ JavaScript๋ฅผ ์ถ๊ฐํ์ฌ ์ค์ ๋ก ๋์ํ๊ฒ ๋ง๋ค ์์ ์
๋๋ค!
Body
flex items-center justify-center
โ ํ๋ฉด ์ ์ค์ ๋ฐฐ์น
์ ๋ ฅ ์์ญ
flex gap-2
โ input + button ๊ฐ๋ก ๋ฐฐ์น
flex-1
โ input์ด ๋จ์ ๊ณต๊ฐ ์ฐจ์ง
๋ฆฌ์คํธ
flex flex-col gap-3
โ ์์ดํ ๋ค ์ธ๋ก ๋ฐฐ์น
๊ฐ ์์ดํ
flex items-center gap-3
โ ์ฒดํฌ๋ฐ์ค+ํ ์คํธ+๋ฒํผ ๊ฐ๋ก ์ ๋ ฌ
โ๏ธ ๊ฐ๋ฐ์ ๋๊ตฌ(F12)๋ฅผ ์ด์ด์
ํด๋์ค๋ฅผ ๋ฐ๊ฟ๋ณด๋ฉฐ ์คํํด๋ณด์ธ์!