AI로 해결하기

에러 메시지를 읽을 수 있게 되었으니, 이제 AI에게 해결을 부탁하는 방법을 배워봅시다. 에러 해결은 AI가 가장 잘하는 일 중 하나입니다.

기본 방법: 에러 메시지를 그대로 보여주기

에러가 나타나면 에러 메시지 전체를 복사해서 AI에게 보여줍니다.

"이 에러가 나왔어. 왜 그런지 설명해줘:

Error: Cannot read properties of undefined (reading 'map')

at ProductList (./src/components/ProductList.tsx:12:18)"

AI가 다음과 같은 답을 해줄 겁니다:

에러 메시지만 보여줘도 되지만, 상황을 함께 설명하면 더 정확한 답을 받을 수 있습니다.

맥락 없이	맥락과 함께
"이 에러 좀 고쳐줘"	"나는 카페 메뉴 페이지를 만들고 있어. 메뉴 목록을 보여주려고 했는데 이 에러가 나왔어"

좋은 에러 해결 요청의 형태:

"나는 [무엇을] 만들고 있어.

[어떤 것]을 하려고 했는데,

이 에러가 나왔어:

[에러 메시지 붙여넣기]"

AI가 수정 방법을 알려주면:

에러가 사라졌나요? 축하합니다! 문제 해결 완료입니다.

한 번에 해결되지 않을 수도 있습니다. 다른 에러가 나타나거나, 같은 에러가 계속 나타날 수 있습니다.

이때는 새로운 에러 메시지도 함께 AI에게 보여주세요:

"아까 알려준 대로 수정했는데, 이번에는 이런 에러가 나와:

[새로운 에러 메시지]"

AI는 이전 대화를 기억하고 있으므로, 앞뒤 상황을 파악해서 더 정확한 해결 방법을 알려줍니다.

같은 문제로 3번 이상 수정해도 해결이 안 된다면, 이렇게 말해보세요:

"계속 에러가 나와. 다른 접근 방법으로 처음부터 다시 만들어줘."

때로는 다시 시작하는 것이 가장 빠른 해결책입니다.

에러 메시지는 없지만 화면이 기대와 다를 때도 있습니다:

이럴 때는 스크린샷을 찍어서 AI에게 보여주세요:

"화면이 이렇게 나오는데, 버튼이 너무 아래로 내려가 있어. 가운데로 옮겨줘."

Cursor에서는 이미지를 바로 붙여넣을 수 있습니다.