Preview web apps live as your coding agent builds them with Amazon Bedrock AgentCore runtime

AI가 내가 원하는 웹사이트를 뚝뚝 만들어준다면 정말 신기하고 편하겠죠? 🤖

그런데 AI가 만든 결과물을 확인하려고 할 때마다 이리저리 코드를 복사하고 배포하는 과정이 반복된다면, 기다리느라 지치기 쉽습니다. 코딩하는 동안 브라우저에서 바로바로 결과가 바뀐다면 얼마나 좋을까요?

오늘은 아마존 베드락(Amazon Bedrock)의 새로운 기능으로, AI가 코딩하는 과정을 실시간으로 지켜보고 웹 화면까지 바로 확인할 수 있는 편리한 방법에 대해 이야기해 드릴게요!

전체 글 정리

1. 실시간으로 웹 앱을 확인하는 ‘세션 엔드포인트’

• AI 코딩 에이전트는 대시보드나 제품 페이지 같은 웹 앱을 직접 척척 만들어냅니다.
• 아마존 베드락 에이전트코어(Amazon Bedrock AgentCore) 런타임은 각 에이전트를 독립된 공간에서 실행해 주는데요.
• 여기에 세션 엔드포인트 기능을 더하면, 내 브라우저에서 AI가 실시간으로 작업 중인 웹 앱 화면을 바로 열어볼 수 있답니다. 코드가 수정될 때마다 새로고침할 필요 없이 화면이 슥슥 바뀌는 걸 볼 수 있죠.

2. 안전하고 똑똑한 연결 방식

• 세션 엔드포인트를 사용할 때는 보안도 꼼꼼하게 챙겨야겠죠?
• 개발자가 허용한 특정 포트(예: 웹서버나 상태 확인용 포트)로만 접속할 수 있도록 설정할 수 있습니다.
• 모든 요청은 철저한 인증 과정을 거치기 때문에 권한이 없는 사람은 접근할 수 없도록 안전하게 보호됩니다.

3. 간단한 설정으로 시작하는 미리보기

• 복잡한 도커(Docker) 설정 없이, 준비된 샘플 코드와 간단한 배포 스크립트를 통해 에이전트와 웹사이트를 클라우드에 띄울 수 있습니다.
• 내 컴퓨터의 로컬 주소와 클라우드의 세션 엔드포인트를 살짝 연결해 주면, 왼쪽에선 AI와 대화하고 오른쪽에선 실시간으로 변하는 웹사이트를 구경하는 멋진 작업 환경이 완성됩니다.

이용 방법 / 활용 방안

• 기획자나 디자이너와의 협업: 개발 지식이 깊지 않아도 아이디어를 실시간으로 시각화하고, AI에게 “여기를 초록색 버튼으로 바꿔줘"라고 요청한 뒤 바로 결과를 눈으로 확인할 수 있습니다.
• 프로토타입 빠르게 검증하기: 새로운 웹 페이지 아이디어가 떠올랐을 때, 배포 과정을 기다릴 필요 없이 즉시 결과물을 테스트하고 수정하는 용도로 활용해 보세요. 작업 속도가 훨씬 빨라진답니다.

결과물이 나올 때까지 기다릴 필요 없이, AI와 대화하며 실시간으로 웹사이트가 만들어지는 과정을 지켜보는 것만으로도 작업이 훨씬 즐거워질 것 같아요. 여러분이라면 이 신기한 기능을 어떤 아이디어를 실현하는 데 써보고 싶으신가요?