FIG 2.6 · Code Studio

작업 대상 전체를 쥐고 있는코딩 에이전트.

Code Studio는 전용 코딩 에이전트를 갖춘 VS Code 스타일 환경입니다. 파일을 넘나들며 읽고, 변경 계획을 드러내 놓고 세우며, 당신이 연 폴더 안에서 작업합니다. 매 턴 전에 체크포인트를 남기므로 어느 지점이든 되돌릴 수 있습니다.

무료 다운로드

FIG 2.7 · 리팩터링을 구성하다

변경을 요청하고, diff를 읽고, 결정하세요.

아래 데모는 Code Studio 시나리오를 실행합니다. 파일 트리, 준비된 diff, 그리고 에이전트 자신의 계획과 한도입니다.

인증을 서버 세션에서 떼어내줘

해보기

src/auth/middleware.ts

준비됐습니다. 작업 트리에 닿기 전에 확인하세요.

typescript

export async function authenticate(req: Request) {
-  const session = await store.get(req.cookies.sid);
-  if (!session) throw new Unauthorized();
+  const token = bearer(req.headers.authorization);
+  const claims = await verify(token, publicKey);
+  if (claims.exp < Date.now() / 1000) throw new Unauthorized();

-  return session.user;
+  return claims.sub;
}

Doc

src

auth

session.ts

tokens.ts

middleware.ts

routes

tests

auth.test.ts

List

스스로 적은 계획

서명·검증 헬퍼 추가

미들웨어의 세션 조회 교체

라우트 핸들러 여섯 개 갱신

스테이징 전에 인증 테스트 실행

계획 전체50%

To-Do

FIG 2.7b · 작업 표면

그리고 이것이 출시되는 모습의 Code Studio입니다.

파일 트리와 탭 줄을 갖춘 완전한 편집기. 그 옆 레일에 에이전트가 있고, 세 파일을 건드리기 전에 묻습니다. 건드린 뒤가 아닙니다.

Code Studioauth.ts

Explorer

src
components
lib
auth.ts
session.ts
tokens.ts
README.md

auth.tssession.ts


            1
            
              
              import { sign, verify } from 'jsonwebtoken'
            
          

            2
            
              
              
            
          

            3
            
              
              export async function issueSession(userId: string) {
            
          

            4
            
                
              const token = sign({ sub: userId }, SECRET, {
            
          

            5
            
                  
              expiresIn: '15m',
            
          

            6
            
                
              });
            
          

            7
            
              
              
            
          

            8
            
                
              // Refresh token rotates on every use.
            
          

            9
            
                
              const refresh = await rotate(userId);
            
          

            10
            
                
              return { token, refresh };
            
          

            11
            
              
              }

인터페이스를 페이지 안에 재현 · v0.1.10

FIG 2.8 · 여러 파일에 걸친 작업

줄에 걸친 조각이 아니라, 파일에 걸친 리팩터링.

대부분의 코딩 도구는 눈앞의 버퍼를 상대합니다. Code Studio의 에이전트는 작업 대상 전체를 상대합니다. 필요한 것을 열고, 무엇을 바꿨는지 기록하며, 손댄 모든 파일에서 변경의 일관성을 유지합니다.

하나의 계획 안에서 작업 대상 전체를 읽고 수정합니다
어떤 파일을 읽고, 고치고, 추가했는지 기록해 보여줍니다
끝났다고 선언하기 전에 작업 공간에서 테스트를 돌립니다
모든 단계가 진행 중에 보이고, 잘못 가고 있으면 멈출 수 있습니다

에이전트의 한도를 정하는 방식

일반적인 계획

01
작업 대상을 정한다
이 변경이 실제로 건드리는 파일은 어느 것인가?
02
작업 공간을 체크포인트한다
무엇이든 쓰이기 전의 복구 지점
03
변경을 적용한다
모든 수정을 검토 가능한 diff로 보여준다
04
검증한다
끝났다고 보고하기 전에 작업 공간에서 테스트를 실행
05
남길지 되돌릴지는 당신이 정한다
한 번 누르면 파일과 대화가 함께 되돌아간다

FIG 2.9 · 보안

코드를 쓰는 에이전트는 보안 문제입니다.

그것을 보안 문제로 다루는지 여부가, 데모와 업무용 컴퓨터에서 돌릴 수 있는 것의 차이입니다.

모든 일은 작업 공간 안에서 일어납니다

파일 읽기와 쓰기, 삭제는 당신이 연 폴더로 한정되고, 그 밖으로 나가려는 경로는 거부됩니다. 명령은 작업 공간을 현재 디렉터리로 삼아 실행됩니다.

파괴적인 명령은 아예 거부됩니다

권한 상승, 컴퓨터를 끄거나 디스크를 다시 포맷하는 것, 절대 경로나 홈 기준 경로를 노린 삭제는 실행되지 않습니다. 표현을 바꿔서 통과시킬 방법은 없습니다.

위험한 명령은 멈추고 묻습니다

재귀적 삭제, 히스토리 재작성, 원격으로 게시하는 것, 네트워크를 셸로 흘려보내는 것은 IDE의 승인 카드로 보류됩니다. 실행되기 전에 정확한 명령을 볼 수 있습니다.

모든 메시지가 복구 지점입니다

작업 공간은 매 턴 전에, 당신의 버전 관리와는 별도인 섀도 히스토리에 저장됩니다. 되돌리면 파일과 대화가 함께 되감기므로, 잘못된 리팩터링은 한 번 누르면 끝이고 발굴 작업이 되지 않습니다.

실제 저장소를 향해 켜 보세요.

다운로드는 무료입니다. 코드는 결코 당신의 컴퓨터를 벗어나지 않으며, 에이전트에게 이만큼의 접근을 줘도 안전한 이유는 오직 그것입니다.

무료 다운로드 데모 예약

제품

에디션

솔루션

개발자

회사

언어 선택

아메리카

유럽

중동

아시아 태평양