프로그래밍을 처음 접하는 분들에게 개발 환경 설정은 큰 걸림돌이 될 수 있습니다. 하지만 Replit라는 온라인 통합개발환경(IDE)을 사용하면 별도의 설치 없이 브라우저에서 바로 코딩을 시작할 수 있습니다. 최근에는 AI 기반 코딩 도우미 Replit Agent까지 추가되어 더욱 편리해졌습니다. 이번 글에서는 Replit과 Replit Agent의 사용법을 자세히 알아보겠습니다.
Replit 이란?
Replit은 웹 브라우저에서 바로 실행할 수 있는 온라인 IDE입니다. 별도의 설치 없이 코드를 작성하고 실행할 수 있어 초보 개발자들에게 큰 도움이 됩니다. 또한 다양한 프로그래밍 언어를 지원하고 협업 기능을 제공하여 팀 프로젝트에도 활용할 수 있습니다.
오늘은 Replit의 다양한 기능중 AI 기반 코딩 도우미인 Replit Agent 사용법에 대해 자세히 알아보겠습니다.
Replit Agent 사용법
Replit Agent는 AI 기반 코딩 도우미로, 자연어 프롬프트를 이해하고 코드를 생성할 수 있습니다. 이를 통해 모든 수준의 개발자가 소프트웨어 개발에 더욱 쉽게 접근할 수 있습니다.
1) Replit 웹사이트에 접속 하고 로그인 합니다.
2) Replit Agent에게 구축할 내용을 자연어로 입력합니다.
아래와 같은 프롬프트를 입력하여 Replit Agent에게 코드를 생성해달라고 요청할 수 있습니다.
주식 종목 코드를 입력하면 재무 데이터 요약을 얻고 싶습니다. 주가와 다른 주요 재무 정보를 추적하는 표와 차트를 보여주세요. Yahoo 파이낸스의 데이터를 사용해 주세요. 표 데이터를 CSV 파일로 다운로드할 수 있게 해주세요.
3) Agent가 생성한 계획을 검토하고 수정합니다.
프롬프를 입력 하면 Replit Agent가 코드를 생성하고, 생성된 코드를 검토하고 수정할 수 있습니다.
코드 생성 계획이 마음에 들면 'Approve plan & Start' 버튼을 클릭하여 코드 생성을 시작합니다.
4) Replit Agent 의 진행 상황을 모니터링하고, API 키나 피드백 등을 제공합니다.
Replit Agent 가 코드를 생성하는 동안 진행 상황을 모니터링하고, 필요한 정보를 입력하거나 추가 질문을 할 수 있습니다.
아래와 같이 Replit Agent가 라이브러리 설치도 자동으로 진행됩니다.
라이브러리 설치 과정이 비개발자 입장에서는 어려울수 있지만 Replit Agent가 자동으로 처리해주기 때문에 사용자는 코드 생성에만 집중할 수 있습니다.
5) 생성된 코드 확인
이렇게 코드 작성이 완료 되면 코드와 함께 실행 결과를 preview로 보여 줍니다.
코드 뿐만 아니라 실행 결과를 아래와 같이 preview로 보여 줍니다.
아래와 같이 특정 주식의 Symbol을 입력 하면 주식 정보를 보여줍니다.
아래 차트 까지 잘 그려준 걸 볼 수 있습니다.
6) 최종적으로 애플리케이션을 배포합니다.
이렇게 작성된 코드를 작성 하는것 뿐만 아니라 서버에 배포 까지 할 수 있습니다.
협업 기능
Replit은 다른 사용자를 프로젝트에 초대하여 실시간으로 협업할 수 있는 기능을 제공합니다.
- 왼쪽 패널에서 "Invite" 버튼을 클릭합니다.
- 이메일 주소나 Replit 계정 이름을 입력하여 초대합니다.
- 또는 "Private Invite Link"를 복사하여 공유할 수 있습니다.
초대받은 사용자는 코드를 실시간으로 수정할 수 있으며, 다른 사용자의 커서 움직임도 확인할 수 있습니다.
기타 기능
- 다양한 테마와 에디터 설정을 제공하여 개인 취향에 맞게 커스터마이징할 수 있습니다.
- 파일 업로드/다운로드, 버전 관리 등의 기능을 지원합니다.
- 유료 플랜을 구독하면 더 많은 기능과 리소스를 사용할 수 있습니다.
Replit은 비개발자인 초보자부터 전문가까지 모든 개발자가 쉽고 편리하게 코딩할 수 있는 환경을 제공합니다. AI 기반 Replit Agent의 도입으로 소프트웨어 개발 접근성이 한층 더 향상되었습니다. 브라우저만 있다면 언제 어디서나 Replit으로 코딩을 시작해보세요!