πŸŽ„ μ„±μž₯일지 4.0

μ±… ν–‰λ³΅ν•œ 이기주의자(웨인 닀이어)의 λ‚΄μš©μ— μžκ·Ήλ°›μ•„ μ‹œμž‘ν•˜λŠ” μ†Œλ°•ν•œ μ„±μž₯기둝

μ‚΄μ•„μžˆλŠ” 꽃과 죽은 꽃은 μ–΄λ–»κ²Œ κ΅¬λ³„ν•˜λŠ”κ°€?
μ„±μž₯ν•˜κ³  μžˆλŠ” 것이 μ‚΄μ•„ μžˆλŠ” 것이닀.
생λͺ…μ˜ μœ μΌν•œ μ¦κ±°λŠ” μ„±μž₯이닀!

🌳 (1.0)ν‚€μ›Œλ“œ
μ΅œλŒ€ν•œ κ°„λ‹¨ν•˜κ²Œ 정리, 좔후에 λ³΄λ©΄μ„œ 슀슀둜 μ„€λͺ…
πŸ‰ (2.0)κ²½ν—˜ μœ„μ£Όλ‘œ
λ‹¨μˆœ 정보λ₯Ό μ „λ‹¬ν•˜κΈ°λ³΄λ‹€ 무엇을 λ°°μ› κ³  μ–΄λ–»κ²Œ ν•΄κ²°ν–ˆλŠ”μ§€ 짧고 κ°„λ‹¨ν•˜κ²Œ μž‘μ„±
❄️ (3.0)정해진 ν…œν”Œλ¦Ώμ— λ§žμΆ°μ„œ
ν‚€μ›Œλ“œ, κ²½ν—˜ λͺ¨λ‘ μ’‹λ‹€. λ‹€λ§Œ 맀일 μž‘μ„±ν•˜κΈ°λ‘œ 마음 λ¨Ήμ€λ§ŒνΌ ν•΅μ‹¬λ§Œ κ°„κ²°ν•˜κ²Œ 정리할 수 있게 ν…œν”Œλ¦Ώμ„ μž‘μ„±
(3.1)230102λΆ€ν„° μ‹œμž‘λ˜λŠ” ν•™μŠ΅μ— κ΄€ν•œ λ‚΄μš© μΆ”κ°€
(3.2)230313λΆ€ν„° 쒀더 κ²½ν—˜, 감정 μœ„μ£Όμ˜ λ‚΄μš©λ„ λ‹΄κΈ°!
🌾 (4.0)ν•™μŠ΅ ν‚€μ›Œλ“œμ—μ„œ μ΅œλŒ€ν•œ κ°„λ‹¨ν•œ 정보 제곡, κ³ λ―Όμ—μ„œ λ‚΄ κ²½ν—˜μ„ μžμ„Ένžˆ 적자!

πŸ”‘ 였늘의 ν•™μŠ΅ ν‚€μ›Œλ“œ

μΊλŸ¬μ…€

  • μŠ¬λΌμ΄λ“œμ‡Όμ™€ 같은 λ°©μ‹μœΌλ‘œ 컨텐츠λ₯Ό ν‘œμ‹œν•˜λŠ” UX ꡬ성 μš”μ†Œ
  • 일반적으둜 일정 μ‹œκ°„μ— λ”°λ₯Έ μžλ™ μž¬μƒ ν˜Ήμ€ μ‚¬μš©μžκ°€ μˆ˜λ™μœΌλ‘œ νƒμƒ‰ν•˜λŠ” 방식을 μ‚¬μš©ν•œλ‹€.
  • λ‹€μ–‘ν•˜κ²Œ ν™œμš©ν•  수 μžˆμ§€λ§Œ, 보톡 ν™ˆνŽ˜μ΄μ§€μ—μ„œ 이미지, μ œν’ˆ 및 ν”„λ‘œλͺ¨μ…˜μ„ ν‘œμ‹œν•  λ•Œ μ‚¬μš©λœλ‹€.

λ Œλ”λ§

  • HTML νŒŒμ‹± -> DOM + CSSOM -> Render Tree -> STYLE -> LAYOUT -> PAINT -> COMPOSITE
  • μΆ”ν›„ 쒀더 μžμ„Ένžˆ μž‘μ„± μ˜ˆμ •

πŸ€ 였늘의 κ³ λ―Ό ν‚€μ›Œλ“œ

λ¬΄ν•œ μΊλŸ¬μ…€μ„ μ–΄λ–»κ²Œ κ΅¬ν˜„ν•˜λŠ” 게 μ’‹μ„κΉŒ?

  • μ§€κΈˆ λ‹Ήμž₯ λ– μ˜€λ₯΄λŠ” 생각은 λ²„νŠΌ 2개λ₯Ό 두고 각각의 λ²„νŠΌμ„ ν΄λ¦­μ‹œ μ™Όμͺ½μœΌλ‘œ λ„˜μ–΄κ°€μ„œ μ•ˆλ³΄μ΄κ²Œλ˜λŠ” μš”μ†Œλ₯Ό λ‹€μ‹œ κ·Έ λΆ€λͺ¨(container) νƒœκ·Έμ˜ 끝에 κ°€κ²Œ ν•΄μ„œ λ¬΄ν•œμœΌλ‘œ κ΅¬ν˜„ν•˜λŠ” 방식!

πŸ“ μš”μ•½ 및 ν•˜λ£¨ 간단 회고

μ˜€λŠ˜μ€ μ½”λ“œ κ΅¬ν˜„λ³΄λ‹¨ 쒀더 깊이 μžˆλŠ” κ°œλ… ν•™μŠ΅μ„ μ§„ν–‰ν–ˆλ‹€. μΊλŸ¬μ…€μ— λŒ€ν•΄μ„œ 깊게 듀어가보고 κ·Έ μ•ˆμ—μ„œ νŒŒμƒλ˜λŠ” λ‹€λ₯Έ κ°œλ…λ“€μ„ μ •λ¦¬ν•΄λ³΄μ•˜λ‹€.
μ΄λ²ˆμ— ν™•μ‹€νžˆ λŠλ‚„ 수 μžˆμ—ˆλ˜ 것 κ°™λ‹€. κ΅¬ν˜„λ„ μ€‘μš”ν•˜μ§€λ§Œ μ§‘μ€‘ν•΄μ„œ 깊게 λ“€μ–΄κ°€λŠ” 게 μ€‘μš”ν•˜λ‹€λŠ” 것! ν™•μ‹€νžˆ κ·Έλ ‡κ²Œ ν•΄μ•Ό μ˜¨μ „νžˆ λ‚΄ 것이 되고 더 μ˜λ―ΈμžˆλŠ” 곡뢀가 λ˜λŠ” 것 κ°™λ‹€. μ•žμœΌλ‘œ 더 deepν•˜κ²Œ 곡뢀할 수 μžˆλŠ” 방법에 λŒ€ν•΄μ„œ 자주 생각해보렀 ν•œλ‹€.

였늘의 μž˜ν•œ 점

  • κ°œλ…μ— λŒ€ν•΄μ„œ 깊이 λ“€μ–΄κ°„ 점

였늘의 μ•„μ‰¬μš΄ 점

  • κ·Έλž˜λ„ κ΅¬ν˜„μ„ 쑰금 ν–ˆμœΌλ©΄ μ’‹μ•˜κ² λ‹€..?

μ°Έκ³ 

  • μ—†μŒ(μž‘λ™μ‚¬λ‹ˆμ— μ°Έκ³  있음)