TOOLS · DEBUG PROMPT

에러 났을 때,
AI에게 이렇게 말하세요

에러 메시지를 붙여 넣으면 무슨 일인지 쉬운 말로 알려 드려요. 상황 몇 가지만 체크하면 AI가 한 번에 고칠 수 있는 요청문이 완성돼요.

  1. 1에러 메시지 붙여 넣기
  2. 2상황 체크하기
  3. 3요청문 복사해서 AI에게 보내기
입력한 내용은 이 브라우저 밖으로 전송되지 않아요. 판별은 모두 이 페이지 안에서 이뤄져요.

1. 에러 메시지

빨간 글씨 전체를 그대로 붙여 넣으세요
예시로 해 보기

2. 상황 체크

빈칸은 요청문에서 빠져요
실제로는 어떻게 되나요필수
어디서 나나요
쓰는 AI 도구

진단

3. AI에게 보낼 요청문


        

          
          
        

        
    
      
    
    
    
  
    

  
    
    
    이렇게 바꿔 말하기
    같은 상황도 무엇을 기대했고 실제로 어땠는지 나눠 말하면 AI가 엉뚱한 곳을 고치지 않아요.
    
    
    
  
    

  
    
    
    자주 보는 에러 30
    카드를 열면 원인과 AI에게 할 말이 나와요. 바로 진단해 볼 수도 있어요.
    
    
    
      
    
      
    
        
        /
      
    
    
    
    
    
    
  
    

  
    
  
    
    
    에러 메시지가 없을 때 · 증상 8
    빨간 글씨가 안 보여도 어딘가에는 단서가 있어요. 증상을 고르면 어디를 봐야 하는지와 요청문을 만들어 드려요.
    
    
    
  
    

  
    
    
    실전 사전
    에러를 찾고, 읽고, AI가 같은 실수를 반복할 때 빠져나오는 방법이에요.
    
    
    
      
    
        
    A에러 찾는 곳
    
        
      
          
    • 브라우저 콘솔Windows F12 또는 Ctrl+Shift+J, Mac ⌘+⌥+J. 빨간 줄을 통째로 복사하세요.
      • 
          
    • 네트워크 탭개발자 도구의 Network 탭에서 빨간 요청을 누르고 Status와 Response를 확인하세요.
      • 
          
    • 터미널npm run dev를 켜 둔 창이에요. 500 에러의 진짜 원인은 보통 여기에 찍혀요.
      • 
          
    • 배포 로그배포 서비스의 빌드 로그와 실행(함수) 로그를 보세요. 배포에서만 나는 에러는 여기서 찾아요.
      • 
        
    
      
    
      
    
        
    BHTTP 상태 코드 8
    
        
    
          
    코드뜻먼저 볼 곳
    
          
        
    
      
    
      
    
        
    C스택 트레이스 읽는 법
    
        
    1TypeError: Cannot read properties of undefined (reading 'map')
2    at TodoList (src/components/TodoList.tsx:12:18)
3    at renderWithHooks (node_modules/react-dom/cjs/react-dom.development.js:16305:18)
    
        
      
          
    • 1첫 줄이 에러 종류와 메시지예요. 검색할 때도 이 줄을 써요.
      • 
          
    • 2위에서부터 처음 나오는 내 파일이 문제 위치예요. 12:18은 12번째 줄, 18번째 글자예요.
      • 
          
    • 3node_modules는 라이브러리 내부라 보통 건너뛰어도 돼요.
      • 
        
    
      
    
      
    
        
    D루프 탈출 요청 3
    
        
    
      
    
    
    
  
    

  
    AI에게 정확히 말하는 법 시리즈 · 2편. 1편은 바이브 코딩 UI 필수 용어 75, 3편은 바이브 코딩 백엔드·배포 용어 60이에요.