๐Ÿ“š Session 0

Tailwind CSS Flexbox ๋ ˆ์ด์•„์›ƒ

2์‹œ๊ฐ„ ์ง‘์ค‘ ์ฝ”์Šค (19:00 ~ 21:00)

๐ŸŽฏ ํ•™์Šต ๋ชฉํ‘œ

๐Ÿ“ ์‹ค์Šต ๋‹จ๊ณ„

1

Tailwind ๊ธฐ๋ณธ

CDN ์„ค์ •, ์ƒ‰์ƒ, ๊ฐ„๊ฒฉ, ํ…Œ๋‘๋ฆฌ ๋“ฑ ๊ธฐ๋ณธ ํด๋ž˜์Šค

โ†’
2

Flexbox ์—ฐ์Šต

๊ฐ€๋กœ/์„ธ๋กœ ๋ฐฐ์น˜, ์ •๋ ฌ, ๊ฐ„๊ฒฉ, flex-1 ๋“ฑ

โ†’
3

To-Do UI ์™„์„ฑ

๋ชจ๋“  ๊ฐœ๋…์„ ์ข…ํ•ฉํ•œ ์‹ค์ „ ํ”„๋กœ์ ํŠธ

โ†’

โœ๏ธ ์‹ค์Šต ๋ฌธ์ œ ๋‹ต์•ˆ

10๊ฐœ ๋ฌธ์ œ์˜ ์™„์„ฑ๋œ ๋‹ต์•ˆ (HTML)

๋‹ต์•ˆ ๋ณด๊ธฐ

๐Ÿ“– ๊ฐ•์˜ ๋…ธํŠธ

๊ฐ•์‚ฌ์šฉ ์ƒ์„ธ ๊ฐ€์ด๋“œ (์‹œ๊ฐ„ ๋ฐฐ๋ถ„, ํŒ)

๋…ธํŠธ ๋ณด๊ธฐ

โญ๏ธ ๋‹ค์Œ ์‹œ๊ฐ„ (1์ฐจ์‹œ)

LocalStorage๋ฅผ ํ™œ์šฉํ•œ ๋ฐ์ดํ„ฐ ์ €์žฅ

๋Œ€๊ตฌ SW๋งˆ์ด์Šคํ„ฐ๊ณ  - ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹ฌํ™”๊ณผ์ •

Session 0: Tailwind CSS Flexbox ๋ ˆ์ด์•„์›ƒ