debugging

Diagnose and fix SideDish application errors using logs and debugging checklists.

Updated Dec 15, 2025
One-click install
npx skills add https://github.com/jhlee0409/sidedish --skill debugging-jhlee0409
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: debugging
Source: https://github.com/jhlee0409/sidedish/tree/main/.claude/skills/debugging
Command: npx skills add https://github.com/jhlee0409/sidedish --skill debugging-jhlee0409

SYSTEM DOCUMENTATION & REQUIREMENTS

๐Ÿ’ก This Skill includes references (resource) components.

What problem does it solve?

์ผ๋ฐ˜์ ์ธ ๋ฒ„๊ทธ์™€ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์„ ๋•Œ ์ฒด๊ณ„์ ์œผ๋กœ ๋ฌธ์ œ๋ฅผ ์ง„๋‹จํ•˜๊ณ  ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ ๋„๊ตฌ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

Core Features & Use Cases

  • ๊ณตํ†ต ์—๋Ÿฌ ํŒจํ„ด ๋ฐ ์›์ธ: 401/403/404, Hydration, Firebase ์—ฐ๊ฒฐ ๋ฌธ์ œ์— ๋Œ€ํ•œ ํŒจํ„ด
  • ๋กœ๊น… ์ „๋žต: ํด๋ผ์ด์–ธํŠธ-์™€ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋กœ๊ทธ ์‚ฌ๋ก€
  • ๋””๋ฒ„๊น… ์ฒดํฌ๋ฆฌ์ŠคํŠธ: ๋‹จ๊ณ„๋ณ„ ํ™•์ธ ํฌ๋งท

Quick Start

์‹คํŒจํ•˜๋Š” ํŽ˜์ด์ง€์˜ ๋””๋ฒ„๊น… ์ฒดํฌ๋ฆฌ์ŠคํŠธ๋ฅผ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค.

Frequently Asked Questions about debugging

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug 401 and 403 authentication errors in my application?โ–ผ

Authentication errors stem from missing or invalid credentials. Check environment variables, token expiration, and Firebase configuration; review console logs for rejected requests and verify authorization headers in network tabs.

What causes hydration errors and how do I fix them?โ–ผ

Hydration errors occur when server-rendered and client-rendered content mismatch. Inspect console output for mismatched DOM nodes, validate environment setup between server and client, and check for dynamic content rendering timing issues.

How do I troubleshoot Firebase connection failures?โ–ผ

Firebase connection issues require verifying API keys, network configuration, and initialization settings. Check client-side console logs and server-side diagnostics for connection timeouts or authentication rejections.

What's the best way to debug 404 and API errors systematically?โ–ผ

Use a structured debugging checklist: verify endpoint URLs, inspect network logs for actual requests sent, confirm API availability, and cross-check environment configurations between development and deployment contexts.

How do I use logging to identify build issues?โ–ผ

Build failures require examining build logs and console output for error patterns. Apply logging templates to trace initialization steps, validate dependencies, and isolate where the build process fails.

Can I apply the same debugging approach to both client-side and server-side problems?โ–ผ

Yes. Both contexts benefit from consistent patterns: check logs and console output, validate environment setup, apply diagnostic checklists, and reproduce errors with structured templates for reliable fixes.