AI에 요청: 페이지, 위치, 동작 및 검사 방법을 명확히 설명하세요
현재 SIN1을 배우고 있습니다 · 강의 14/283. AI 활용해 웹페이지와 기능을 만드는 방법
"멋져 보이는" 대신 실행 가능한 단어로 바꾸세요. 특정 문제에 대한 피드백과 영향 범위를 이해하는 후 중요한 변화를 가하세요.
구체적인 요청부터 시작하세요
"웹사이트 만드는 걸 도와줘"라는 말은 그게 무엇에 관한 것인지 명확히 밝히지 않습니다. "이 블로그 홈페이지에 지원 버튼을 추가하고, '커피 한 잔 주세요'라고 적은 뒤, 클릭 후 결제 안내를 보여주세요." 이렇게 하면 실행이 쉬워집니다. 텍스트를 수정할 때는 실제 URL, 원본 텍스트, 그리고 새로운 텍스트를 AI에 제공하세요. 예를 들어: "홈페이지 '내 사이트에 오신 것을 환영합니다'를 '내 AI 웹사이트 기록'으로 바꾸고, 나머지 섹션은 유지하세요. 이렇게 하면 위치와 범위가 명확히 명확히 표시됩니다.
구매 페이지를 만들고 네 가지 사항을 모두 설명하세요
- 무엇을 판매할까요: 테마, 플러그인 또는 제공할 권리가 있는 기타 파일, 그리고 그것들이 어떤 용도로 사용되는지?
- 얼마인지: 명확한 가격 설정, 관리 인터페이스에서 공식 금액을 설정하세요.
- 결제 방법: 어떤 방법을 사용할지, 누가 수령을 확인하는지, 자동 인터페이스와 연결되어 있는지 보여줍니다.
- 배송 방법: 구매자는 이메일 주소, 언제 어떤 서류가 도착할지, 또는 다운로드 방법을 남기세요.
배송 내용을 명확히 밝히지 않고는 AI가 단순히 '구매' 버튼을 그릴 수도 있습니다; 결제 상태가 명확히 표시되지 않으면, 페이지는 사용자의 클릭을 성공으로 간주할 수 있습니다. 이 비즈니스 규칙들은 먼저 명확히 해야 합니다.
직접 사용할 수 있는 수요
저는 이미 워드프레스 블로그를 운영하고 있습니다. 작은 플러그인을 만들어 제품명, 설명, 가격, 결제 코드를 프론트엔드에 표시하고, 구매자가 이메일을 입력해 구매 기록을 생성하도록 하세요; 기록은 백엔드에서 확인할 수 있습니다. 저는 수동으로 계정을 확인하고 이메일을 보냅니다. 구매자는 "결제 완료"를 클릭해 확인만 요청할 수 있으며, 자동으로 크레딧으로 표시되지 않습니다. 먼저 수정할 영역과 검사 단계를 나열한 뒤, 허가된 범위에 따라 실행하세요.
이 문서는 목적, 입력, 상태, 관리자 책임 및 검사 방법을 제공합니다. 첫 번째 버전은 먼저 완성한 후 자동화와 다른 페이지를 고려합니다.
오류를 보고할 때는 "어디서, 무엇이 이루어졌는지, 무슨 일이 일어났는지"라고 명시하세요.
좋은 피드백: "제품 페이지에 이메일 주소를 입력하고 제출을 클릭하면 페이지가 성공 표시가 나오지만, 백엔드에는 기록이 없습니다. 이 일은 오늘 오후에 일어났고, 스크린샷에는 사적인 정보가 포함되어 있습니다. "먼저 원인을 판단할 필요는 없어. 실제로 무슨 일이 일어났는지, 결과에서 기대하는 바, 그리고 보이는 프롬프트만 설명하면 AI가 진짜 문제를 찾아낼 수 있습니다. 스크린샷, 브라우저 오류 또는 로그를 제공할 때, 비밀번호, 키, 구매자 이메일 정보는 숨겨집니다.
AI는 완료 후 필요한 증거가 무엇인지 묻습니다
실제 웹사이트, 백엔드 항목, 변경된 파일이나 설정, 검증된 동작 등을 제공하도록 요구하세요. 그다음 직접 열고 단계별로 클릭하세요. 렌더링 이미지나 생성 코드만 보내는 것이 공식 웹사이트가 성공적으로 설치되었다는 보장은 없습니다. 중요한 콘텐츠를 수정하기 전에 AI가 만다린어로 "이 작업이 어떤 문제를 해결하는지, 어떤 웹사이트나 자료에 영향을 미치며, 실패 후 복구 방법"을 설명하게 하세요. "이해가 안 되면 먼저 설명해; 핵심 선택지를 '원하는 대로 하라'로 바꾸지 마세요.
큰 작업을 점검 가능한 단계로 나누어 보세요
현재 상황을 확인하기 위해서만 읽는 것부터 시작하세요; 재설치 환경; 그다음 블로그를 열어보세요; 그 다음 또 다른 기능을 만들고; 그다음 결제와 배송 내역을 확인하세요. 각 단계는 검증 가능한 결과를 남기므로, 오류가 발생하면 어디서 다시 확인해야 하는지 알 수 있습니다. 계속 실패하면 AI가 확인된 사실, 실수, 시도를 요약하고 접근 방식을 조정하도록 하세요. 같은 페이지를 반복해서 재설치하거나 다시 쓰면 진짜 개선점이 어디인지 알기 어려워집니다.
어떻게 연습할 수 있을까요?
먼저, AI에게 한 문장만 바꾸고, 명확한 목적이 있는 버튼을 추가하며, 마지막으로 이메일을 저장할 수 있는 양식을 만들어 달라고 요청하세요. 실제 페이지를 열 때마다 꼭 확인하세요. 코딩을 먼저 할 필요는 없지만, 결과가 요구사항에 부합하는지 명확히 설명할 수 있어야 합니다.