AI랑 같이하는 코딩

목차1. 주제 소개2. 핵심 내용3. 적용 방법4. 정리5. 자주 묻는 질문1. 주제 소개코드가 길지 않은데도 이해하기 어려운 경우가 있습니다. 원인을 따라가 보면 대부분 변수명에서 막힙니다. `a`, `data`, `temp`, `value2`, `resultFinal` 같은 이름은 작성자 머릿속에서는 의미가 있지만, 며칠 뒤 본인이나 팀원이 보면 문맥을 다시 해석해야 합니다. 즉 코드가 동작하더라도 읽는 비용이 크게 증가합니다. 초보 단계에서는 기능 완성에 집중하다 보니 변수명을 대충 정하기 쉽지만, 실제 유지보수에서는 이 작은 습관이 가장 큰 시간을 잡아먹습니다.이번 글에서는 "이름이 애매한 변수명"을 어떻게 읽기 좋은 형태로 바꿀지 Before & After 관점으로 다룹니다. 중요한 기준은 어렵..

목차1. 주제 소개2. 핵심 내용3. 적용 방법4. 정리5. 자주 묻는 질문1. 주제 소개JavaScript를 처음 배우면 기능을 빠르게 완성하는 데 집중하게 됩니다. 이때 가장 흔한 패턴이 바로 복사해서 붙여넣기, 즉 복붙입니다. 버튼마다 거의 같은 이벤트 코드를 여러 번 작성하고, 유효성 검사도 입력칸 개수만큼 반복하고, API 호출 후 처리도 페이지마다 비슷하게 붙여넣다 보면 당장은 편해 보여도 금방 코드가 무거워집니다. 특히 수정 요청이 들어왔을 때 문제가 커집니다. 예를 들어 같은 로직이 7곳에 흩어져 있으면 1곳만 고치고 끝날 수 없고, 실수로 1~2곳을 빼먹기 쉽습니다. 결과적으로 버그가 다시 생기고, "분명 고쳤는데 왜 또 안 되지?"라는 상황이 반복됩니다.이 글은 초보 코드 리뷰 관점에서..

목차1. 왜 프롬프트 품질이 코드 품질을 바꾸는가2. 좋은 프롬프트 vs 나쁜 프롬프트 핵심 비교3. 바로 써먹는 개선 요청 구조4. 실전 체크리스트 정리5. 자주 묻는 질문1. 왜 프롬프트 품질이 코드 품질을 바꾸는가AI 코딩에서 결과물이 들쭉날쭉한 가장 큰 이유는 모델 성능보다 요청의 구조에 있습니다. 같은 모델이라도 “투두 앱 만들어줘”처럼 범위가 넓은 요청을 받으면, 기능 정의·UI·데이터 저장 방식·예외 처리 기준을 스스로 추측해야 합니다. 이때 추측은 빠르지만, 팀 프로젝트 기준으로는 위험합니다. 반대로 입력 조건, 목표, 제약, 출력 형식을 분리해서 전달하면 AI는 추측 대신 선택지를 줄이고, 코드의 일관성을 높입니다.핵심은 복잡한 문장을 쓰는 것이 아니라, 모호함을 줄이는 것입니다. 요구사..