주석에서 코드 생성
리터럴 코딩을 사용하여 Bob이 자연어 주석에서 코드를 생성하도록 하세요. Bob은 편집기에서 직접 컨텍스트를 인식하는 정확한 코드 수정을 작성하는 데 도움을 줍니다.
리터럴 코딩을 사용하면 편집기 내에서 직접 AI 지원을 받아 코드를 작성할 수 있습니다. 채팅 창으로 전환하거나 긴 프롬프트를 작성하는 대신, 코드가 필요한 곳에 평이한 언어로 지침을 작성합니다. 그러면 Bob이 컨텍스트 내에서 구현을 생성하고 변경 사항의 차이를 표시합니다.
리터럴 코딩은 다음 수정에 효과적입니다:
- 래핑 로직 추가: 기존 코드 주변에 재시도 메커니즘, 오류 처리 또는 로깅 추가
- 특정 블록 리팩토링: 주변 로직을 보존하면서 특정 섹션 수정
- 빠르고 집중된 수정: 더 넓은 구조에 영향을 주지 않고 특정 함수에 정확한 변경. 여러 함수나 파일에 영향을 미치는 복잡한 수정의 경우 에이전트 채팅 사이드바를 사용하여 계획을 만드는 것을 고려하세요.
이 튜토리얼에서는 코드 블록을 재시도 로직으로 래핑하여 간헐적인 타임아웃을 수정합니다.
전제 조건
이 튜토리얼을 완료하려면 다음이 필요합니다:
- 아직 없다면 Galaxium Travels 데모 코드를 복제하세요. 복제 명령은 튜토리얼에서 사용하는 코드가 포함된
bob-learning-path-branch브랜치도 체크아웃합니다.
git clone -b bob-learning-path-branch https://github.com/IBM/galaxium-travels- Galaxium Travels 데모 코드가 열린 Bob IDE
- Bob 에이전트 채팅 인터페이스에서
/init를 실행하여 Bob을 초기화하고 코드베이스에서 컨텍스트를 수집할 수 있도록 했습니다. 아직 하지 않았다면 프로젝트 시작 튜토리얼을 참조하세요. - 필수는 아니지만 Bob의 인터페이스와 기능에 익숙해지기 위해 빠른 시작 튜토리얼을 수행하는 것을 고려하세요.
- 이 튜토리얼을 위해 새 컨텍스트 창을 시작하는 것이 좋습니다. 새 컨텍스트 창 만들기 튜토리얼을 참조하세요.
리터럴 코딩 사용
Galaxium Travels 백엔드는 신뢰할 수 없으며 때때로 타임아웃 오류가 발생합니다. 코드를 처음부터 다시 작성하는 대신 리터럴 코딩을 사용하여 특정 코드 블록을 재시도 로직으로 래핑할 수 있습니다.
파일 열기
booking_system_frontend/src/pages/Flights.tsx 파일을 엽니다.
커서 위치 지정
43번째 줄을 클릭합니다.
코드 생성
Generate를 클릭하여 수정 사항을 생성합니다.
Bob은 차이 보기 인터페이스에서 변경 사항을 표시합니다. 빨간색으로 강조 표시된 텍스트는 삭제되는 코드를 보여주고 녹색으로 강조 표시된 텍스트는 Bob이 추가하는 코드를 보여줍니다.
변경 사항 수락
변경 사항을 검토하고 Accept All을 클릭하여 적용합니다.
Galaxium Travels 웹 애플리케이션의 타임아웃 오류를 해결하기 위한 재시도 루프를 추가했습니다.
다음 단계
이 튜토리얼에서는 리터럴 코딩이 자연어 기반의 정확한 코드 수정을 사용할 수 있게 하는 방법을 배웠습니다. 리터럴 코드는 변경 사항을 수락하기 전에 코드를 검토할 수 있도록 코드 차이를 표시합니다.
복잡한 기능 계획 및 구현으로 진행하여 Bob의 복잡한 다단계 개발 작업을 위한 주요 인터페이스인 에이전트 채팅 사이드바에 대해 알아보세요.