λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

Frontend Dev/πŸ₯ μ½”λ“œμŠ€ν…Œμ΄μΈ  FE λΆ€νŠΈμΊ ν”„

Section2 Unit2 JavaScript 객체 지ν–₯ ν”„λ‘œκ·Έλž˜λ° - ν”„λ‘œν† νƒ€μž…

λ°˜μ‘ν˜•

좜처: https://javascript.plainenglish.io/an-introduction-to-javascript-prototype-for-beginners-e3e02b6fb168


Section2 Unit2 [JavaScript] 객체 지ν–₯ ν”„λ‘œκ·Έλž˜λ° - ν”„λ‘œν† νƒ€μž…

 

πŸ“Œ Chapter2. Prototype

μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ 객체지ν–₯ ν”„λ‘œκ·Έλž˜λ°μ€ ν”„λ‘œν† νƒ€μž…μ„ 기반으둜 ν•œλ‹€. 

 

 μ΄λ²ˆ μ±•ν„°μ—μ„œ 배운 ν”„λ‘œν† νƒ€μž…μ„ 더 곡뢀해보며 λΈ”λ‘œκ·Έμ— λ”°λ‘œ 정리λ₯Ό ν–ˆλ‹€. ν”„λ‘œν† νƒ€μž…μ΄λΌλŠ” κ°œλ…μ΄ μ²˜μŒμ—λŠ” 이해도 잘 μ•ˆλ˜κ³ , 쉽지 μ•Šμ•˜λŠ”λ° μ—¬λŸ¬λ²ˆ κ΄€λ ¨ 자료과 μ½”λ“œλ₯Ό μ½λ‹€λ³΄λ‹ˆ 점점 이해가 λ˜λŠ”κ±Έ λŠκΌˆλ‹€. 생각보닀 λ³΅μž‘ν•˜κ±°λ‚˜ μ–΄λ €μš΄ κ°œλ…λ„ μ•„λ‹ˆλΌλŠ” 것도 μ•Œμ•˜λ‹€. 

 "μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ λͺ¨λ“  κ°μ²΄λŠ” μžμ‹ μ˜ λΆ€λͺ¨ 역할을 λ‹΄λ‹Ήν•˜λŠ” 객체와 μ—°κ²°λ˜μ–΄ μžˆλŠ”λ°, 이 μ›ν˜•κ°μ²΄μΈ λΆ€λͺ¨κ°μ²΄λ₯Ό ν”„λ‘œν† νƒ€μž… 객체라고 ν•œλ‹€. ν”„λ‘œν† νƒ€μž…μœΌλ‘œλΆ€ν„° ν”„λ‘œνΌν‹°μ™€ λ©”μ„œλ“œλ₯Ό μƒμ†λ°›μœΌλ©°, μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ λͺ¨λ“  κ°μ²΄λŠ” ν”„λ‘œν† νƒ€μž… 객체λ₯Ό 가지고 μžˆλ‹€."

 λ” μžμ„Έν•œ λ‚΄μš©μ€ μ•„λž˜ κΈ€ μ°Έκ³   β¬‡οΈŽ

 

μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ ν”„λ‘œν† νƒ€μž… (prototype)

μžλ°”μŠ€ν¬λ¦½νŠΈμ™€ ν”„λ‘œν† νƒ€μž… μžλ°”μŠ€ν¬λ¦½νŠΈλŠ” ν”„λ‘œν† νƒ€μž… 기반 μ–Έμ–΄(prototype-based-language)둜, ν”„λ‘œν† νƒ€μž…μ€ μ›ν˜• 객체λ₯Ό μ˜λ―Έν•œλ‹€. λͺ¨λ“  객체듀이 λ©”μ†Œλ“œμ™€ 속성듀을 상속 λ°›κΈ° μœ„ν•œ ν…œν”Œλ¦ΏμœΌλ‘œμ¨

fay-story.com

 

⭐️ 과제. Beesbeesbees

 κ³Όμ œλŠ” νŽ˜μ–΄μ™€ ν•¨κ»˜ λ¬΄λ‚œνžˆ ν†΅κ³Όν–ˆλ‹€ :)

 classλ₯Ό λ§Œλ“€μ–΄ constructor, super, extends λ“±μ˜ ν‚€μ›Œλ“œλ₯Ό μ‚¬μš©ν•˜μ—¬ κ΅¬ν˜„ν•˜λŠ” 과제라 λ”°λ‘œ 기둝할 건 없을 λ“―! ν΄λž˜μŠ€μ™€ 클래슀 상속에 λŒ€ν•œ κ°œλ…μ„ 짚고 λ„˜μ–΄κ°€κΈ° 쒋은 κ³Όμ œμ˜€λ‹€. 

 


πŸŒ™  였늘의 회고

 ν΄λž˜μŠ€μ™€ ν”„λ‘œν† νƒ€μž…μ„ 잘 이해해보렀고 μ—¬λŸ¬ μžλ£Œλ“€μ„ 읽어보며 μ‹œκ°„μ„ λ³΄λƒˆλ‹€. 계속 읽고, 찾아보닀 λ³΄λ‹ˆ 이제 쑰금 μ•Œ 것 같은 λŠλ‚Œμ΄ λ“€μ—ˆλ‹€. νŽ˜μ–΄μ‹œκ°„μ— 과제λ₯Ό ν•˜λ©° 기초적인 뢀뢄은 νŒŒμ•…λœκ²ƒ 같기도 ν•΄μ„œ ν•œμˆ¨ 돌렸던 것 κ°™λ‹€. κ·Έλž˜λ„ μ—¬μ „νžˆ 쉽지 μ•Šμ•˜λ˜ 이번 μ£Ό μˆ˜μ—…. μ£Όλ§λ™μ•ˆ μ—΄μ‹¬νžˆ λ³΅μŠ΅ν•΄μ•Όκ² λ‹€..!

λ°˜μ‘ν˜•