ChatGPT, 코드파일럿 실수로 2시간 삽질한 사연

개발 에디터 VSC 에서 코드파일럿을 사용한다.($10/월 유료)

유료이지만 똑똑한 개발자 옆에 두고 함께 코딩하는 듯한 편리함을 줘서 월회비가 아깝지 않다.

그런데 너무 맹신하지 마라.

잘 틀린다.

편리한 부분이 크지만 잘못된 코딩제안을 하는 경우도 흔하다.

오늘은 상콤하게 아침부터 찾기 쉽지않은 코드를 선사해 2시간 삽질했다.

const [toasts, deleteToast, addToast] = useToast();

이 간단한 코드에 문제가 있다고 예상하긴 쉽지않다. 문법상 틀린부분이 없다.

아무리 분석해도 다른 컴포넌트나 페이지에서 잘못된 코드가 없다.

2시간 삽질 끝에 이 부분이 잘못된 것임을 발견했다. 순서가 잘못된 것이다.

사람이 코딩했으면 아래처럼 정상적으로 했을 확률이 높다.

const [toasts, addToast, deleteToast] = useToast();

좀 황당하기도 하고.. 허무하기도 하고...허허

코드파일럿 아주 편리하지만 실수가 잦다는 것 잊지말자.

* 추가 
직접 만든 hooks 를 배열로 선언할 때 위처럼 순서는 꼭 지키고 이름은 아무렇게나 할 수 있다.
객체로 선언할 경우는 순서는 무관하지만 객체의 속성명은 일치해야 한다.