[{"data":1,"prerenderedAt":180},["ShallowReactive",2],{"term-d\u002Fdebug":3,"related-d\u002Fdebug":163},{"id":4,"title":5,"acronym":6,"body":7,"category":144,"description":145,"difficulty":146,"extension":147,"letter":148,"meta":149,"navigation":113,"path":150,"related":151,"seo":157,"sitemap":158,"stem":161,"subcategory":6,"__hash__":162},"terms\u002Fterms\u002Fd\u002Fdebug.md","Debug",null,{"type":8,"value":9,"toc":138},"minimark",[10,15,19,23,26,30,127,131,134],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Debugging is the process of finding and fixing the gremlins in your code. Something is broken, and you need to play detective — adding clues (console.log), checking suspects (variables), and narrowing down exactly where things went wrong. It is the skill you spend most of your career doing.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Debugging is the systematic process of identifying, isolating, and fixing defects (bugs) in software. Techniques include print debugging (logging variable values), using a debugger with breakpoints, inspecting stack traces, binary search (commenting out code blocks), and rubber duck debugging. The debugging phase often takes more time than writing the code.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Quick and dirty print debugging:\nconsole.log(\"Value of user:\", user);\nconsole.log(\"Reached checkpoint 1\");\n\n\u002F\u002F Better: use a real debugger with breakpoints\n\u002F\u002F In VS Code: click left of line number → red dot → Run & Debug\n","javascript","",[38,39,40,49,85,108,115,121],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F Quick and dirty print debugging:\n",[41,50,52,56,60,64,67,70,74,76,79,82],{"class":43,"line":51},2,[41,53,55],{"class":54},"sTEyZ","console",[41,57,59],{"class":58},"sMK4o",".",[41,61,63],{"class":62},"s2Zo4","log",[41,65,66],{"class":54},"(",[41,68,69],{"class":58},"\"",[41,71,73],{"class":72},"sfazB","Value of user:",[41,75,69],{"class":58},[41,77,78],{"class":58},",",[41,80,81],{"class":54}," user)",[41,83,84],{"class":58},";\n",[41,86,88,90,92,94,96,98,101,103,106],{"class":43,"line":87},3,[41,89,55],{"class":54},[41,91,59],{"class":58},[41,93,63],{"class":62},[41,95,66],{"class":54},[41,97,69],{"class":58},[41,99,100],{"class":72},"Reached checkpoint 1",[41,102,69],{"class":58},[41,104,105],{"class":54},")",[41,107,84],{"class":58},[41,109,111],{"class":43,"line":110},4,[41,112,114],{"emptyLinePlaceholder":113},true,"\n",[41,116,118],{"class":43,"line":117},5,[41,119,120],{"class":47},"\u002F\u002F Better: use a real debugger with breakpoints\n",[41,122,124],{"class":43,"line":123},6,[41,125,126],{"class":47},"\u002F\u002F In VS Code: click left of line number → red dot → Run & Debug\n",[11,128,130],{"id":129},"when-youll-hear-this","When You'll Hear This",[16,132,133],{},"\"I've been debugging this for 3 hours.\" \u002F \"Add a console.log to debug the value.\"",[135,136,137],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":51,"depth":51,"links":139},[140,141,142,143],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":129,"depth":51,"text":130},"general","Debugging is the process of finding and fixing the gremlins in your code. Something is broken, and you need to play detective — adding clues (console.","beginner","md","d",{},"\u002Fterms\u002Fd\u002Fdebug",[152,153,154,155,156],"Bug","Debugger","Breakpoint","Stack Trace","Logging",{"title":5,"description":145},{"changefreq":159,"priority":160},"weekly",0.7,"terms\u002Fd\u002Fdebug","gPTqw7EgVVocbCCqr-DdweXCNuVr3ixqMmECLfqdOyI",[164,168,171,174,177],{"title":154,"path":165,"acronym":6,"category":144,"difficulty":166,"description":167},"\u002Fterms\u002Fb\u002Fbreakpoint","intermediate","A breakpoint is like a 'pause game' button you place on a specific line of code.",{"title":152,"path":169,"acronym":6,"category":144,"difficulty":146,"description":170},"\u002Fterms\u002Fb\u002Fbug","A bug is anything in your code that makes it behave wrong.",{"title":153,"path":172,"acronym":6,"category":144,"difficulty":166,"description":173},"\u002Fterms\u002Fd\u002Fdebugger","A debugger is a special tool that lets you pause your running program mid-execution, look around at all the variables, and step through the code one line a...",{"title":156,"path":175,"acronym":6,"category":144,"difficulty":146,"description":176},"\u002Fterms\u002Fl\u002Flogging","Logging is writing a diary for your program.",{"title":155,"path":178,"acronym":6,"category":144,"difficulty":146,"description":179},"\u002Fterms\u002Fs\u002Fstack-trace","A stack trace is the error report that tells you exactly which functions were called right before your code crashed.",1776518273112]