AI 모드 후속 질문

AI Mode follow-up

첫 답변의 맥락을 이어 받아 질문을 좁혀 갑니다.

···
html
<div class="scene follow"><div class="bubble question">How do I light a small desk?</div><div class="bubble answer" id="reply">Use a compact lamp with a focused beam.<small>SOURCE · DESK GUIDE</small></div><div class="bubble question extra" id="extra">And under $50?</div><button id="next">Ask follow-up →</button></div>
css
.scene{width:min(92%,680px);max-height:94%;font:700 clamp(10px,max(1.7vmin,1vw),15px)/1.3 sans-serif;color:var(--fg)}.label{font:900 clamp(10px,max(1.3vmin,1vw),12px)/1 sans-serif;letter-spacing:.12em;color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--line);padding:clamp(8px,2vmin,18px)}.muted{color:var(--muted)}.accent{color:var(--accent)}.row{display:flex;align-items:center;gap:clamp(5px,1.2vmin,10px)}.pill{display:inline-block;padding:.35em .6em;border:1px solid var(--line);border-radius:30px}button{cursor:pointer;font:inherit}@media(min-width:700px){.scene{transform:scale(1.5)}}.follow{max-width:550px;display:grid;gap:clamp(5px,1.3vmin,12px)}.bubble{padding:clamp(7px,1.5vmin,14px);border:1px solid var(--line);font-size:clamp(10px,max(1.8vmin,1vw),16px)}.question{justify-self:start;background:var(--fg);color:var(--bg);border-color:var(--fg);max-width:85%}.answer{justify-self:end;background:var(--surface);border-color:var(--accent);max-width:85%;min-width:65%;font-weight:900;transition:transform .4s}.answer small{display:block;color:var(--accent);font-size:clamp(10px,max(1.2vmin,1vw),12px);margin-top:5px}.extra{opacity:.2;transition:opacity .4s}.extra.visible{opacity:1}.follow button{justify-self:end;background:var(--accent);color:white;border:0;padding:.5em .8em;font-size:clamp(10px,max(1.3vmin,1vw),12px)}
js
const extra=document.querySelector('#extra'),reply=document.querySelector('#reply'),btn=document.querySelector('#next');let next=false,timer;function show(){next=!next;extra.classList.toggle('visible',next);reply.innerHTML=next?'Try a compact task lamp within budget.<small>SOURCE · PRICE GUIDE</small>':'Use a compact lamp with a focused beam.<small>SOURCE · DESK GUIDE</small>';reply.style.transform=next?'translateX(-4px)':'none'}btn.addEventListener('click',()=>{clearInterval(timer);show()});timer=setInterval(show,2500);setTimeout(show,700);

AI 모드 후속 질문은 첫 검색 답변에서 이어지는 대화로 조건을 더하는 탐색입니다. Google은 2026년 AI 개요에서 바로 후속 질문을 던져 AI 모드 대화로 넘어가는 흐름을 소개했습니다.

데모는 기본 질문 뒤에 예산 조건이 추가되면서 답변과 출처 후보가 달라지는 장면을 자동 재생합니다. 사용자가 버튼을 누르면 직접 단계도 넘길 수 있습니다.

첫 질문에서 언급된 출처가 후속 질문에도 남는다고 가정하지 마세요. 각 단계에서 필요한 사실과 링크를 확인해야 합니다.

언제 쓰나

고객이 첫 답변 다음에 어떤 제약을 덧붙이는지 살펴볼 때 씁니다.

페이지로 열기 ↗