[FE - ConnecTo] DAY15 TILπŸ‘©πŸ»β€πŸ’»

JUNYΒ·2022λ…„ 7μ›” 29일
0

πŸ“šZeroBase ConnecTo Front-End

λͺ©λ‘ 보기
5/53
post-thumbnail

22.07.29 μˆ˜μ—…μ—μ„œ 배운 λ‚΄μš©κ³Ό 깨달은 점을 μ •λ¦¬ν•˜μ˜€μŠ΅λ‹ˆλ‹€ 😊
ν”Όλ“œλ°±μ€ μ–Έμ œλ‚˜ ν™˜μ˜μž…λ‹ˆλ‹€! 🍊

βœ”μ˜€λŠ˜ μˆ˜μ—… λ‚΄μš©


μ˜€λŠ˜μ€ Tailwindcssλ₯Ό λ°°μ› μŠ΅λ‹ˆλ‹€!

처음 μ“°λŠ” 기술이라, μ²˜μŒμ—λŠ” λ§‰μ—°ν•˜κ²Œ 어렡진 μ•Šμ„κΉŒ μƒκ°ν–ˆμ§€λ§Œ,
막상 κΈ°μˆ μ„ μ μš©ν•΄λ³΄λ‹ˆ, 생각보닀 λ„ˆλ¬΄ 재밌고, cssλ₯Ό λ”°λ‘œ μž‘μ„±ν•˜μ§€ μ•Šκ³ ,
클래슀λͺ…μœΌλ‘œ cssκ°€ μ μš©λ˜λŠ” 뢀뢄에 μžˆμ–΄μ„œ, κ°„νŽΈν•˜κΈ°λ„ ν•˜κ³  μ’‹μ•˜μŠ΅λ‹ˆλ‹€.

그리고 무엇보닀 μΈμƒμ μ΄μ—ˆλ˜ 것은 논리적인 ꡬ쑰의 λ§ˆν¬μ—…μ„ μœ μ§€ν•œ μ±„λ‘œ cssλ₯Ό μ μš©ν•  수 μžˆλ‹€λŠ” 점인데, 이 λΆ€λΆ„ λ•Œλ¬Έμ— μ ‘κ·Όμ„± 뢀뢄도 잘 μ€€μˆ˜ν•  수 μžˆμ„ 것이라고 생각이 λ“€μ—ˆμŠ΅λ‹ˆλ‹€.

ν•˜μ§€λ§Œ, μ μš©μ„ ν•  λ•Œ class λͺ…μœΌλ‘œ μ μš©μ„ ν•˜κΈ° λ•Œλ¬Έμ—, class λͺ…이 λ¬΄ν•œμ • κΈΈμ–΄μ§ˆ 수 μžˆλŠ” 단점이 μžˆλŠ” 것 κ°™μ•„ κ·Έ 뢀뢄은 μ•„μ‰¬μ› μŠ΅λ‹ˆλ‹€.

(λ¬Όλ‘  이 뢀뢄을 보완할 무언가가 μžˆμ„ 것이라 μƒκ°ν•˜λŠ”λ°, 이 뢀뢄은 곡뢀λ₯Ό 더 해봐야 ν•  것 κ°™μŠ΅λ‹ˆλ‹€!)

Tailwindcssλ₯Ό μ‚¬μš©ν•΄ λ³΄λ©΄μ„œ λŠλ‚€ 것은, 이 기술의 기본인 cssκ°€ νƒ„νƒ„ν•˜λ©΄, μ–΄λ– ν•œ λ‹€λ₯Έ μ „μ²˜λ¦¬κΈ°λ‚˜ μ—¬λŸ¬ κΈ°μˆ λ“€μ„ μ‚¬μš©ν•˜λ”λΌλ„, μ „ν˜€ λ¬Έμ œκ°€ λ˜μ§€ μ•ŠλŠ”λ‹€λŠ” μ μž…λ‹ˆλ‹€! πŸ˜‰

πŸ’‘ μΆ”κ°€) 였늘 μ–΄μ œ EDIYA 예제의 λ¦¬νŽ™ν† λ§μ„ μΆ”κ°€λ‘œ μ§„ν–‰ν–ˆμŠ΅λ‹ˆλ‹€!

폴더 ꡬ쑰λ₯Ό λ³€κ²½ν•˜κ³ , 또 λ°œμƒν•˜λŠ” μ—¬λŸ¬κ°€μ§€ μ΄μŠˆλ“€μ„ μ •λ¦¬ν–ˆλŠ”λ°μš”!
νŒ€ ν˜‘μ—…μ„ ν•˜λ‹€λ³΄λ‹ˆ, μ—¬λŸ¬ 가지 μ΄μŠˆλ“€μ΄ λ°œμƒν–ˆλŠ”λ°, μ—¬κΈ°μ„œ 많이 배우고 λŠλ‚€ 것 κ°™μŠ΅λ‹ˆλ‹€!

μ œκ°€ λΉ„μ „κ³΅μž μΆœμ‹ μΈλ°λ‹€, κ²½ν—˜λ„ 많이 λΆ€μ‘±ν•΄μ„œ, μ£Όλ³€μ˜ μž˜ν•˜μ‹œλŠ” 뢄듀에 λΉ„ν•΄μ„œ 많이 λΆ€μ‘±ν•˜μ§€λ§Œ,
κ·Έ 만큼 μž˜ν•˜μ‹œλŠ” 뢄듀을 ν†΅ν•΄μ„œ 많이 λ°°μš°λŠ” 것 κ°™μ•„ 맀 μˆœκ°„ μˆœκ°„μ΄ μœ μ΅ν•˜κ³  μ¦κ²μŠ΅λ‹ˆλ‹€!

μ•žμœΌλ‘œλ„ ν™”μ΄νŒ…!!! 🍊🐀

πŸ€”μΆ”κ°€ ν•™μŠ΅μ΄ ν•„μš”ν•œ λ‚΄μš©


  • Tailwind 곡뢀 더해보기
  • 주말 λ™μ•ˆ git 곡뢀 해보기

πŸ’‘ What’s Next?
λ‹€μŒμ£Όμ— git μˆ˜μ—…μ„ λ“£κ²Œ λ©λ‹ˆλ‹€.
git에 λŒ€ν•΄μ„œ 지식이 거의 μ—†λŠ” μƒνƒœλΌ, git μˆ˜μ—… μžμ²΄μ— λ„ˆλ¬΄ κΈ°λŒ€κ°€ λ©λ‹ˆλ‹€.
그리고, λ‹€μŒμ£Ό λ‚΄λ‚΄ νŒ€ ν”„λ‘œμ νŠΈλ₯Ό ν•˜κ³ , λ§ˆμ§€λ§‰ 날에 λ°œν‘œλ₯Ό ν•˜κ²Œ λ©λ‹ˆλ‹€!
html, css μˆ˜μ—…μ˜ λ§ˆμ§€λ§‰ λ°œν‘œ λ˜ν•œ μž˜ν•  수 μžˆλ„λ‘ λ…Έλ ₯ν•΄μ•Όκ² μŠ΅λ‹ˆλ‹€! πŸ€—

profile
μ„±μž₯ν•˜λŠ” 개발자🌼

0개의 λŒ“κΈ€