코드를 붙여 넣는 것만으로는 어떤 도움이 필요한지 전달하기 어렵습니다. BlogFlow의 AI 코드 질문에는 작은 코드, 기대한 결과, 실제 결과를 함께 적어 주세요. 수정 코드를 받는 데서 끝내지 않고, 왜 그런 수정이 필요한지 이해하는 데 사용할 수 있습니다.
어떤 기능인가요?
JavaScript·TypeScript·HTML·CSS·JSON 코드를 텍스트로 읽고 동작과 오류 원인을 설명하는 학습 도구입니다. 코드를 실행하거나 파일을 수정하지 않습니다. 답변에 관련 BlogFlow 글이 연결되면 함께 읽어 보세요. 관련 글을 찾지 못할 수도 있으며, 링크가 있다고 해서 답변의 모든 내용이 검증된 것은 아닙니다.
처음 사용하는 순서
- 도구 페이지에서 코드 질문 시작하기를 누릅니다. 채팅의 코드 질문 탭과 코드 입력 영역이 열립니다.
- 언어를 고르고 문제를 재현하는 짧은 코드만 붙여 넣습니다. 프로젝트 전체나 설정 파일을 통째로 넣지 마세요.
- 궁금한 점에 기대한 동작과 실제 결과를 적습니다. 오류 메시지가 있다면 개인정보를 지우고 필요한 부분만 포함합니다.
- 처음 전송할 때 이용 안내가 열립니다. OpenAI 전송에 동의한 뒤 전송 버튼을 다시 눌러야 질문이 전달됩니다. 시작 버튼이나 동의 체크만으로는 자동 전송되지 않습니다.
- 원인과 수정 이유를 읽고, 제안된 코드는 별도 개발 환경에서 확인합니다.
질문을 구체적으로 만드는 예시
“왜 안 돼요?” 대신 다음처럼 상황을 적으면 확인할 지점이 분명해집니다. 아래는 질문 작성용 예시이며 실제 AI 응답을 보장하는 문구는 아닙니다.
const numbers = [1, 2, 3];
const doubled = numbers.forEach(number => number * 2);
console.log(doubled);
질문 예시: “doubled가 [2, 4, 6]이 되길 기대했지만 undefined가 나옵니다. 어떤 선택이 잘못됐는지, map으로 바꾸면 왜 해결되는지 초보자 기준으로 설명해 주세요.”
좋은 질문에는 대상 변수(doubled), 기대값([2, 4, 6]), 실제값(undefined), 설명받고 싶은 범위가 들어 있습니다. 답변을 받은 뒤에는 직접 값을 바꿔 보면서 설명과 결과가 일치하는지 확인해 보세요.
어떤 AI 기능을 골라야 하나요?
- 블로그 검색: 어떤 글을 읽어야 할지 모를 때 사용합니다. 홈의 AI와 공부하기 또는 기술 학습 가이드의 AI 버튼에서 시작합니다.
- 현재 글: AI 버튼이 제공되는 학습 글에서 본문을 물어봅니다. 선택 영역 설명과 퀴즈도 해당 글에서 사용할 수 있습니다.
- 코드 질문: 직접 작성한 짧은 코드의 동작과 오류를 물어봅니다. 각 요청은 이전 질문과 별도로 처리하므로 다시 질문할 때도 필요한 코드를 넣어 주세요.
입력과 이용 제한
코드는 최대 6,000바이트, 질문은 최대 500자입니다. 바이트는 글자 수와 다릅니다. 특히 한글 주석이 많다면 코드를 더 짧게 줄여 주세요. 다른 AI 기능과 전체 일일·주간 한도를 공유하고, 네트워크별 제한과 질문 간격도 적용됩니다. 한도는 운영 상황에 따라 조정될 수 있으므로 화면에 표시되는 안내를 기준으로 이용해 주세요.
민감한 정보와 답변 검증
비밀번호, API 키, 인증 토큰, 이메일·전화번호 등 개인정보를 지운 뒤 입력하세요. 회사나 고객의 비공개 코드를 외부에 보내도 되는지 먼저 확인해야 합니다. 동의 후 입력한 질문과 코드가 OpenAI로 전달됩니다. 자세한 내용은 개인정보 처리방침과 채팅의 전송 안내를 확인해 주세요.
AI는 실제 프로젝트 전체를 보거나 코드를 실행하지 않습니다. 제안이 현재 버전이나 환경에 맞지 않을 수 있습니다. 오류가 재현되는 최소 예제를 만들고, 수정 전후 결과를 비교한 뒤 적용하세요.
이 글이 도움이 되었나요?
새 글 받아보기
RSS 리더에서 BlogFlow의 새 글을 확인할 수 있습니다.