λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
javascriptπŸͺ“/javascript μˆ˜μ—…

μžλ°”μŠ€ν¬λ¦½νŠΈ μš©μ–΄μ •λ¦¬ - 디버깅 μ½˜μ†” 둜그

by hyojinny 2022. 10. 11.

디버깅 (debugging)

(μ˜μ–΄λ‘œ ν”„λ‘œκ·Έλž¨μ˜ 잘λͺ»μ„ μ°Ύμ•„λ‚΄μ–΄ μˆ˜μ •ν•œλ‹€λŠ” 뜻)

 

μžλ°”μŠ€ν¬λ¦½νŠΈμ—μ„œ μ“°μ΄λŠ” μ½˜μ†”μ΄λž€ λ¬΄μ—ˆμΈκ°€..

λ¨Όμ € μ½˜μ†”μ€ 디버깅을 μœ„ν•΄ 쓰인닀. 

 

그럼 디버깅은 또 뭐냐고 ..

λ””λ²„κΉ…μ΄λž€ μ½”λ”©μž‘μ—…μ„ ν•˜λŠ” μ€‘μ΄λ‚˜ λλ‚œ ν›„, 버그(였λ₯˜)λ₯Ό μ°Ύμ•„λ‚΄λŠ” μž‘μ—…μ΄λ‹€.

μ΄λ•Œ λˆˆμ— μ‰½κ²Œ μž‘μ•„λ‚Όμˆ˜ μžˆλ„λ‘ ν•˜λŠ”κ²ƒμ΄ μ½˜μ†”

 


μ½˜μ†” console

(μ˜μ–΄λ‘œ μ œμ–΄λ°˜,κ³„κΈ°λ°˜)

 

μ½˜μ†”μ€ κ°μ²΄λΌλŠ” 뜻, ν™•

μ‹€μ‹œκ°„μœΌλ‘œ μžλ°” 슀크립트λ₯Ό μ‹€ν–‰ν•˜κ³ , μ—λŸ¬ λ©”μ„Έμ§€ 등을 좜λ ₯ν•΄μ£ΌλŠ” κΈ°λŠ₯이닀.

μ½˜μ†”κ°μ²΄λ₯Ό μ΄μš©ν•˜λ©΄ μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ μ½”λ“œμ˜ 객체, λ³€μˆ˜ 값을 μ½˜μ†”μ°½μ— 좜λ ₯ν•˜κ±°λ‚˜, ν•„μš” λ©”μ‹œμ§€λ₯Ό ν‘œμ‹œν• μˆ˜ 있음

μ½˜μ†”κ°μ²΄λŠ” μ—¬λŸ¬κ°€μ§€ λ©”μ„œλ“œλ₯Ό μ œκ³΅ν•˜κ³  μ½˜μ†”μ°½μ— λ‹€μ–‘ν•œ ν˜•νƒœλ‘œ λ©”μ„Έμ§€λ₯Ό 좜λ ₯ν•  수 μžˆλ‹€.

 

λ‚΄κ°€λΆˆλŸ¬μ˜¨ ν•¨μˆ˜μ™€ 객체λ₯Ό λΈŒλΌμš°μ €λ‘œ λΆˆλŸ¬μ™€μ„œ ν™•μΈν• λ•Œ 


ν•¨μˆ˜

ν•¨μˆ˜λž€ μ–΄λ– ν•œ κΈ°λŠ₯에 λŒ€ν•œ μ½”λ“œ μ§‘ν•©

 

 

 


λ©”μ†Œλ“œ method

(μ˜μ–΄λ‘œ 방법 체계성)

 

객체 μ•ˆμ— ν”„λ‘œνΌν‹°λ‘œ μ •μ˜λœ ν•¨μˆ˜

λ©”μ„Έμ§€λ‚˜ 객체λ₯Ό ν‘œμ‹œν•˜λŠ” μ½˜μ†” λ©”μ„œλ“œλΌκ³  ν•˜λŠ”λ° 

log λŠ” 이 λ©”μ„œλ“œμ˜ ν•˜λ‚˜μΈ ν•¨μˆ˜μ΄λ‹€.

즉 , 객체 μ•ˆμ—μ„œ μ„ μ–Έν•œ ν•¨μˆ˜λ₯Ό λ©”μ„œλ“œ

 

 

 

 

 

 

 

 

 

ν•¨μˆ˜μ™€ λ©”μ„œλ“œμ˜ 차이 

function showHour() {
  console.log('ν•¨μˆ˜κ°€ 싀행됨');
}
showHour();
var obj = {
  age: 10,
  userName: 'ossam',
  showUserName: function () {
    console.log(this.userName);
  },
};
obj.showUserName();
ν•¨μˆ˜λ₯Ό ν˜ΈμΆœν• λ•Œ ν•¨μˆ˜λͺ…을 직접 μ§€μ •
μ„ μ–Έν• λ•Œ funtion ν•¨μˆ˜λ₯Ό 놓고
κ°œλ³„μ μΈ κΈ°λŠ₯을 κ°€μ§„ ν•¨μˆ˜λ₯Ό μ§€μ •ν•œλ‹€.
λ©”μ„œλ“œ κ°μ²΄μ•ˆμ— μ„ μ–Έν•œ ν•¨μˆ˜
obj μ΄λž€ 이름을 μ§€μ •ν•΄μ„œ ν•¨μˆ˜λ₯Ό μ§€μ •ν•œλ‹€.
그룹이 μžˆλŠ” μ—¬λŸ¬ ν•¨μˆ˜λ₯Ό 묢은것을 λ©”μ„œλ“œ
λ©”μ„œλ“œ funtion 으둜 ν•¨μˆ˜λ₯Ό λΆˆλŸ¬μ™€ 문법이 λ‹€λ₯΄λ‹€
showHour(); ν•¨μˆ˜λ₯Ό μ‹€ν–‰ν•˜λΌ
obj.showUserName(); obj으둜 μ§€μ •ν•œ ν•¨μˆ˜λ₯Ό μ‹€ν–‰ν•˜λΌ

 

 

 


 

 

 

 

 

둜그 log

(μ˜μ–΄λ‘œ 일지에 κΈ°λ‘ν•œλ‹€λΌλŠ” 뜻)

 

그럼 μ½˜μ†”κ³Ό μžμ£Όμ“°μ΄λŠ” 둜그 log λŠ” 무엇인가. 

λ‘œκ·ΈλŠ” κΈ°λ‘ν•˜λ‹€λΌλŠ” 의미의 ν•¨μˆ˜μ΄λ‹€.

 

console.log λŠ” μ½˜μ†”μ— κΈ°λ‘ν•˜λ‹€ λΌλŠ” 뜻이고

console.log() λŠ” μ½˜μ†”μ— (κ΄„ν˜Έμ†μ˜ λ‚΄μš©μ„) κΈ°λ‘ν•œλ‹€ λΌλŠ”λœ»

λ”°μ˜΄ν‘œλŠ” '' μ†λ”°μŒν‘œλ₯Ό μ“΄λ‹€. 

 

 

ν”„λ‘œνΌν‹° property 속성

(μ˜μ–΄λ‘œ μ‚¬λ¬Όμ˜ 속성,νŠΉμ„±)

값을 λœ»ν•˜λŠ”λ§λ‘œ 보톡 데이터 ꡬ쑰와 μ—°κ΄€λœ 속성을 λ‚˜νƒ€λ‚Έλ‹€.

객체λ₯Ό λ‹΄κ³  μžˆλŠ”κ²ƒμ„ λœ»ν•  λ•Œ ν”„λ‘œνΌν‹°λΌ ν•œλ‹€

 

'key(ν‚€)" : "value(κ°’)" 의 ν˜•μ‹μœΌλ‘œ κ°μ²΄μ•ˆμ˜ 콀마둜 κ΅¬λΆ„λ˜μ–΄ ν• λ‹Ή

 

 

 

 

 

μ°Έκ³  λΈ”λ‘œκ·Έ (세상엔 μ°Έ λ˜‘λ˜‘ν•œ μ‚¬λžŒλ“€μ΄λ§Žνƒ€~)

https://m.blog.naver.com/magnking/220966405605

 

[JavaScript] propertyλž€ 무엇인가?

property?! JavaScriptλ₯Ό κ³΅λΆ€ν•˜λ‹€λ³΄λ©΄ property(ν”„λ‘œνΌν‹°)λΌλŠ” 단어λ₯Ό 자주 λ“£κ²Œ λ©λ‹ˆλ‹€. 이 ν”„λ‘œνΌν‹°λŠ”...

blog.naver.com

https://nonipc.com/entry/%EB%94%94%EB%B2%84%EA%B9%85-%EC%BD%98%EC%86%94

 

디버깅 μ½˜μ†”

1. 디버깅 μ½˜μ†” μ½˜μ†”μ΄λž€ 무엇인가? μ½˜μ†”μ€ μ œμ–΄νŒ λ˜λŠ” κ³„κΈ°νŒμ΄λ‹€. μŒμ•…μ— μžˆμ–΄ λ―Ήμ‹± μž‘μ—…μ„ ν•  λ•Œ, μ½˜μ†”λ‘œ 쑰정을 ν•œλ‹€. (미슀트 트둯 ν•  λ•Œ λ’€μ—μ„œ λ―Ήμ‹±ν•˜λŠ” νŒ€λ“€μ„ 보면 μ½˜μ†”μ„ μ—΄μ‹¬νžˆ λ§Œμ§€

nonipc.com

 

λŒ“κΈ€