13. 대화창·코드·미리보기의 관계

같은 작업을 세 가지 모습으로 보기

대화창에서는 원하는 것을 말하고, 코드에서는 화면과 동작이 표현되며, 미리보기에서는 그 결과를 봅니다. 세 가지가 같은 작업을 가리키더라도 서로 대신할 수는 없습니다. 대화에 “제목을 바꿨습니다”라고 적혀 있어도 실제 화면의 제목은 그대로일 수 있습니다.

미리보기는 만든 결과를 도구 안에서 확인하는 자리입니다. 어떤 도구는 대화 옆에 나란히 보여 주고, 어떤 도구는 별도 탭으로 엽니다. 코드 글자가 보이는 화면과 실제로 제목과 버튼이 나타나는 화면을 구분하는 것이 먼저입니다. 코드가 길게 나왔다는 사실만으로 페이지가 열렸다고 보지는 않습니다.

설명용 화면으로 세 자리를 구별하기

이 그림은 실제 서비스의 메뉴 위치를 알려 주는 스크린샷이 아닙니다. 같은 작업을 대화, 작업 자료, 미리보기라는 세 관점으로 보는 설명용 예시입니다. 지금 쓰는 도구에서 위치가 달라도 어떤 역할의 화면인지 구분하면 됩니다. 버튼 모양보다 무엇을 입력하고 무엇을 확인하는지에 집중합니다.

왼쪽에는 사람이 원하는 수정이 있습니다. 가운데에는 현재 작업의 내용이 있고, 오른쪽에는 방문자에게 보일 결과가 있습니다. 요청을 보낸 뒤에는 오른쪽의 문장을 읽어 반영 여부를 확인합니다. 가운데의 자료가 최신인지도 중요하지만, 대화나 파일 설명만 보고 실제 화면까지 바뀌었다고 단정하지 않습니다.

가령 오른쪽에는 여전히 ‘책을 읽고 문장을 기록합니다’가 보인다면 새 문장이 반영되지 않은 상태일 수 있습니다. 최신 결과를 열었는지, 수정이 끝났는지, 미리보기가 다른 결과를 보고 있는지 확인할 수 있습니다. ‘AI가 바꿨다고 했으니 맞다’는 생각 대신 세 자리의 상태를 비교합니다.

새 대화로 옮길 때는 가운데의 최신 작업 자료와 왼쪽의 다음 요청을 함께 전달한다고 생각할 수 있습니다. 오른쪽의 캡처만 보내면 실제 파일이 없을 수 있고, 파일만 보내면 어떤 변화를 원하는지 모를 수 있습니다. 목적에 필요한 자료와 설명을 함께 보내는 것이 작업을 이어 가는 기본입니다.

최신 결과를 보고 있는지 확인하기

수정할 때마다 새 결과가 생기는 도구에서는 이전 결과가 계속 열려 있을 수 있습니다. “제목을 ‘나의 첫 화면’으로 바꿔 줘”라고 부탁했다면, 미리보기에서 그 문장을 찾으면 됩니다. 제목처럼 눈에 보이는 작은 변화가 현재 결과를 구별하는 표지가 됩니다.

AI가 작업 중인지 끝났는지도 구분합니다. 아직 처리 중인 화면에서 여러 요청을 연달아 보내면 어떤 결과가 어느 요청에 대한 것인지 알기 어려워집니다. 한 번의 수정이 끝나면 실제 화면을 확인한 뒤 다음 요청으로 넘어갑니다. 결과가 안 바뀌면 최신 결과 선택이나 미리보기 다시 열기부터 살핍니다.

AI가 볼 수 있는 자료

AI가 내 컴퓨터의 모든 파일이나 다른 대화를 자동으로 볼 수 있는 것은 아닙니다. 파일을 보여 주거나 연결할 수 있는 범위는 도구에 따라 다릅니다. 같은 대화에 오래 있었다고 최신 파일까지 항상 정확히 읽고 있다고 가정하지 않습니다.

새 대화로 이어 갈 때는 만들고 있는 것, 지금 상태, 잘 작동하는 부분, 바꿀 부분을 함께 전달합니다. “이어서 해 줘”라고만 하면 AI가 무엇을 이어야 하는지 알 수 없습니다. 파일을 첨부할 때도 실제로 읽었는지 확인할 수 있습니다. 개인정보를 제외하고 필요한 작업 자료만 전달합니다.

미리보기의 한계

미리보기는 외부 주소를 여는 일이나 자료 저장을 제한할 수 있습니다. 버튼이 작동하지 않는다고 곧바로 코드 전체가 잘못되었다고 판단하지 않습니다. 도구 안의 환경 문제인지, 만들어진 코드 문제인지 나누어 확인해야 합니다.

미리보기의 주소와 다른 사람에게 보내는 공개 주소도 다릅니다. 지금은 화면을 이해하고 수정하는 단계입니다. 대화 주소를 복사해 보냈을 때 상대가 같은 페이지를 볼 것이라고 가정하지 않습니다. 공개 방식은 6부에서 따로 살펴봅니다.

꼭 기억하세요

대화의 완료 메시지보다 최신 미리보기의 실제 결과를 기준으로 판단합니다.