ការដោះស្រាយបញ្ហាកូដតាមប្រព័ន្ធ (Systematic Debugging)

ដោះស្រាយបញ្ហាស្មុគស្មាញដោយប្រើប្រាស់លំហូរការងារដ៏ម៉ត់ចត់នៃ /debug។

---

ទិដ្ឋភាពទូទៅ (Overview)

លំហូរការងារ /debug អនុវត្ត ពិធីការស៊ើបអង្កេត ៤ ដំណាក់កាល (Discovery, Hypothesis, Verification, Resolution)។ វាការពារការកូដបែបស្មានៗ ដោយតម្រូវឱ្យមានភស្តុតាងជាក់ស្តែងមុនពេលកែប្រែកូដ។

ℹ️

ពេលណាត្រូវប្រើ៖

• “ចុចប៊ូតុង Login តែគ្មានអ្វីកើតឡើងទាល់តែសោះ”
• “API ឆ្លើយតប error 500 មិនទៀងទាត់”
• “កម្មវិធីគាំងតែនៅលើ mobile ប៉ុណ្ណោះ”

---

ដំណើរការការងារ (The Process)

1

ការស្វែងរកការពិត (Discovery)

ប្រមូលការពិត៖ error logs, របាយការណ៍អ្នកប្រើប្រាស់, ជំហានបង្កបញ្ហា។

/debug Login returns 403 even with correct credentials

2

ការបង្កើតសម្មតិកម្ម (Hypothesis)

កំណត់មូលហេតុដែលអាចកើតមាន ផ្អែកលើភស្តុតាង និងលទ្ធភាពខ្ពស់។

3

ការផ្ទៀងផ្ទាត់ (Verification)

ធ្វើតេស្តសម្មតិកម្មនីមួយៗជាប្រព័ន្ធតាមរយៈស្គ្រីប ឬ log ដាច់ដោយឡែក។

4

ការដោះស្រាយ (Resolution)

អនុវត្តការកែកូដឱ្យចំគោលដៅ និងបន្ថែមតេស្ត regression ស្វ័យប្រវត្តិ។

---

ឧទាហរណ៍ជាក់ស្តែង (Example Session)

agent-session

$

/debug Form submission fails silently

▸

Phase 1: Discovery

កំពុងអាន CheckoutForm.tsx… រកឃើញ handleSubmit។

ERROR: Cannot read properties of undefined

▸

Phase 2: Hypothesis

1. emailRef.current ស្មើ null ពេល mount component

2. Event handler មិនត្រូវបានភ្ជាប់ត្រឹមត្រូវ

▸

Phase 4: Resolution

បានអនុវត្តដំណោះស្រាយ៖ បន្ថែម null check លើ emailRef។

✅ តេស្តបានឆ្លងកាត់៖ Form ដំណើរការបានជោគជ័យ។

---

គន្លឹះមានប្រយោជន៍ (Pro Tips)

💡

ផ្តល់បរិបទឱ្យបានច្បាស់

ចម្លង error message ឬ stack trace ជាក់ស្តែងដាក់ក្នុង prompt ដើម្បីឱ្យការស្វែងរកការពិតកាន់តែលឿន។

💡

ជឿជាក់ ប៉ុន្តែត្រូវផ្ទៀងផ្ទាត់

ប្រាប់ភ្នាក់ងារឱ្យដំណើរការករណី reproduction ម្តងទៀត ដើម្បីបញ្ជាក់ថាកំហុសត្រូវបានដោះស្រាយពិតប្រាកដ។

---

ជំហានបន្ទាប់ (Next Steps)

• សាកល្បងប្រើ /debug លើបញ្ហាដែលមានស្រាប់
• មើល ការដាក់ពង្រាយផលិតកម្ម (Production Deployment) ដើម្បីបញ្ចេញកូដកែតម្រូវ