Video: 오늘 출시! 클로드, 코워크, 클로드 코드 인터페이스 대규모 업데이트! 앙
Channel: 코드팩토리
Duration: 11m 26s
Source: subtitle (auto, ko)
Transcript:

자, 오늘 일부로 클로드를 쓰시는 형님들은 인생이 완전히 바뀔 것 같습니다. 자, 고작 몇 시간 전에 나온 우리 클로드 앱 2.0 한번 같이 봐보면서 왜 여기로 마이그레이션 해야 되는지 우리 함께 알아보도록 할게요. 쏘as지. 자, 지금까지 솔직히 엔트로픽이 LM만 잘 만들었지 인터페이스는 진짜 개구렸거든요. 그래서 저도 코워크를 써야 될 때 아니면 아예 쓰지도 않았어요. 자, 그래서 어떤 부분들이 바뀌었는지 우리 한번 봐 볼 건데 저는 개인적으로 지금까지 워프라는 걸 쓰고 있었거든요. 근데 오늘 보니까 저는 100% 여기로 이제 마이그레이션 할 것 같아요. 그 이유들을 제가 설명을 해 드릴게요. 자, 일단 대표적으로 조금 바뀐게 뭐냐면요. 제이 위에 원래 탭이 있었죠. 최시랑 코워크 그리고 클로드 코드 이렇게 세 가지가 있었는데 이제 그게 왼쪽 레이아웃으로 이렇게 바뀌었습니다. 자, 그래서 이렇게 이동을 할 수 있도록 돼 있고 자, 뭐 모델별로 우리가 뭐 어떻게 썼는지 이런 통계까지 어 제공을 해 주고 있어요.

자, 그다음에 뭘 하면 되냐? 자, 우리가 로컬 또는 리모트를 선택할 수 있는이 창이 생겼고요. 제가 앞으로 나올 영상이 이제 또 있는데 요즘에는 엔트로픽에서 리모트로 클로드 실행하는 방식을 많이 업데이트를 하고 있죠. 자, 그리고 그 버튼 옆에는 우리가 프로젝트를 선택할 수 있는 창이 이렇게 있습니다. 자, 선택을 하게 되면은 그 폴더에서부터 우리가 작업을 하게 되는 거죠. 자, 그리고이 밑에는 우리가 원래 시프트 탭으로 돌리던 모드가 있는데 커맨드 시프트 그리고 M을 눌러서 우리가 변경을 할 수가 있고요.이 숫자를 눌러가면서 여러분이 변경을 할 수가 있어요. 자, 바이패스 perm미션 모드 당연히 되고 플랜 모드도 되고 엑셉 에디트 모드 그리고 일반 모드. 자, 그다음에 그 바로 옆에는요. 트랜스크립트 뷰 모드라는게 있는데 자, 우리 출력되는 그 내용 있잖아요. 그걸 얼마나 상세하게 보겠느냐. 자, 노멀 thinking verb 이렇게 있고 마지막 서머리 모드가 있는데 이거 조금 재밌어요. 이거는 이제 요약을 마지막에 해 주는데 어 이따 저희가 실제로 실행하면서 이것도 한번 봐 보도록 할게요.

자, 그다음에 플러스 같은 경우에는 나머지 모든 요소들을 전부 다 집어 넣어 놨는데 플러그이나 아니면 커넥터나 아니면 슬래시커맨드 또 애드 폴더 그리고 파일 같은 거 우리가 추가할 수 있도록 돼 있고 그냥 슬래시를 해도 당연히 우리가 슬래시커맨드 원래 있던 것들 전부 다 쓸 수가 있습니다. 자, 그리고 여기 지금 안 보이는데 제가 보여 드릴 건데 깃 레포지토리를 여러분이 초기화를 하면요. 여기서 바로 직접적으로 워크트리를 자동으로 열고서 그 안에서 우리가 작업할 수 있는 요소도 생겼고 이따 보여 드릴 건데 또 그 워크 트리별로 우리가 비교해 가지고 볼 수 있는 레이어 패널도 새로 생겼어요. 그래서 정말 우리가 작업하기 편하게 UI가 바뀌었다라는 걸 여러분들이 기억을 해 주시면 될 것 같습니다. 자, 마지막으로 봐볼 인터페이스는 당연히 이제 모델이죠. 그죠? 자, 우리 모델뿐만 아니라 이제는 중요해졌는데 자, 여러분이 쉽게 고를 수 있도록 이렇게 두 가지 선택지가 생겼고요. 우리가 실제 요청을 넣게 되면은 이제 여기에 동그라미가 하나 생기면서 컨텍스트 윈도가 얼마 남았지 그리고 우리 사용량이 얼마나 됐는지 우리가 확인할 수 있는 창까지 생겼어요.

우리 한번 작업을 같이 해 보도록 할게요. 자, 그리고 지금 한국어는 안 되는 거 같은데 어, 왠지는 모르겠지만 자, 우리 딕테이션 할 수 있는 방법 우리 탭레스 같은 거 써 가지고 딕테이션 모드로 굉장히 많이 작업을 하죠, 이제는. 왜냐면 타자 치는 것보다 훨씬 더 빠르니까 말로 하는 게. 자, 그 방향으로 엔트로픽도 가고 싶어 하고 있다라는 거를 보여주고 있는 거 같아요. 자, 그럼 정말 앞으로 이제 키보드라는게 필요 없어질 수도 있을 것 같다는 생각이 드네요. 자, 그리고 데모를 한번 해 보기 위해서 간단하게 우리가 목 데이터로 무언가를 만들어 볼 건데 자, 이렇게 요청을 해 볼게요. 컴퓨터 CPU, GPU 등 하드웨어 상태랑 팬 돌아가는 속도등을 모니터링할 수 있는 대시보드를 만들고 목 데이터를 사용해주고서 우리가 플랜 모드에서 한번 진입을 해 보겠습니다. 자, 우리가 채팅을 이렇게 진입을 하는 순간이 오른쪽 위에이 레이아웃이 생기거든요. 그리고이 다섯 개의 창들이 가장 핵심이 되는 요소들이라고 보시면 될 거 같아요.

자, 프리뷰 같은 경우에는 지금 아직은 실행을 못 해요. 만약에 이게 다 돌아가고 나서 결과가 나오면은 그때 우리가 프리뷰 눌러 가지고 실제 서버 실행해서 우리가 웹이 됐든 뭐가 됐든 바로 볼 수가 있고요. 디프 모드 같은 경우에는 이따 우리가 해 볼 건데 워크트리 사용해서 우리가 새로운 변경상을 넣었을 때 워크트리대 우리 메인 브랜츠랑 비교하는 거 우리가 해 볼 수가 있습니다. 자, 터미널 같은 경우에는 지금 실행에도 자, 바로 볼 수 있는 것처럼 실제 터미널이 이제 여기에 들어가게 됐고요. 자, 테스크 같은 경우에는 우리 클로드 코드 쓸 때 기억나시죠? 우리가 뭐 1번, 2번, 3번, 4번이 순서대로 우리가 작업하는 거 리스트업되는게 전부 다이 안에 이제 들어가서 우리가 독립적으로 볼 수 있게 됐다라는 겁니다. 자, 그리고이 플랜이 끝나면은 제가 또 보여 드릴 건데. 자,이 플랜을 이제 마크다운을 스타일링해서 우리가 옆에서 볼 수 있도록 확인을 할 수 있기 때문에 그리고 거기다 코멘트까지 달 수가 있어요.

자, 일단 저는 리액트랑 VT랑 테일엔드 CSS 사용해서 하도록 하고이 모든 지표를 전부 다 모니터링 하겠다라고 하겠습니다. 자, 리차트 쓸 거고요. 다크 테마로 진행을 하도록 할게요. 자, 그래서 전부 다 선택을 하고서 플랜을 진행하겠습니다. 자,이 플랜이 끝나고 나면은이 왼쪽에 있는 아,이 오른쪽에 있는이 플랜 패널 안에 아주 아름답게 플랜이 생겨납니다. 기다린 동안 점심 먹기. 앙냥냥. 자, 그래서 플랜 결과가 이렇게 나온 거를 볼 수가 있죠. 그죠? 그래서 하드웨어 대시보드, 하드웨어 모니터링 대시보드고 목 데이터를 쓸 거다라고 나오는 거 볼 수가 있고요. 우리가 만약에 바꾸고 싶은게 있다라고 하면은 우리가 이렇게 하이라이트했을 때 여기다 코멘트를 남겨 가지고 정확한 위치에다가 어떤 것들을 우리가 바꾸고 싶은지 클로드한테 얘기를 해 줄 수가 있습니다. 자, 근데 원래 우리가 터미널에서 작업을 할 때는 이거 막 스크롤 해 가지고 막 스타일링도 안 돼 있고 정말 귀찮고 그랬는데 자, 이제는 우리가 레이아웃 이렇게 편하게 바꾸면서 실제 스타일링이 된이 플랜을 볼 수가 있고요.

우리가 실제로 구현을 해라라고 요청을 넣게 되더라도 플랜을 오른쪽 레이웃에다가 그대로 띄어 놓을 수가 있으니까 우리가 쉽게 계속 지속적으로 확인할 수 있다라는 장점이 굉장히 큽니다. 자,이 폴더를 누르면요 우리가 vs 코드에서 열거나 컷에서 열거나 아니면 파인더에서 열 수도 있고요. 자, 복사도 당연히 가능합니다. 자, 그럼 이게 마음에 들었다. 자, 그럼 엑셉트 해도 되고요. 엑셉하고서 얼라 에디스 모드를 진행을 해도 되고요. 우리가 통째로 리바이즈를 해도 됩니다. 수정을 해도 되고요. 아쉽지만 아직 바이스 퍼미션스 모드로 바로 들어가는 건 없는 거 같은데. 자, 일단은 우리가 액세트를 하고서 여기에서 바이패스미션스 모드로 바꾸면 바꾸기는 하더라고요. 자, 그러면은 진행을 하도록 하고 우리 한번 기다려 보도록 할게요. 자, 진행을 하도록 시켰더니 자,이 테스크 탭에서 이제 어떤 작업들이 실제 진행되고 있는지 전부 다 나오는 거를 볼 수가 있어요. 그죠? 자, 그래서 우리 테스크리스트 원래 우리가 크로드코드 터미널에서 실행을 할 때도 몰리 3사 나왔던 것들 있잖아요.

그게 전부 다 이렇게 들어가서 우리가 모니터링이 가능하다라는 걸 볼 수가 있습니다. 저 개인적으로 진짜 너무 마음에 드는 거는 이따 보여 드릴 프리뷰 모드도 마음에 드는데이 플랜을 제 옆에다 띄어 놓고서 실제로 이게 어떤 부분들이 됐는지 어떤 부분이 안 되는지 우리가 확인할 수 있다는게 너무 좋습니다. 실행이 되면서도 이거 볼 수 있다라는게 저는 너무 마음에 들어요. 자, 그리고 실행을 시작했으니까이 오른쪽에이 모델 오른쪽에 보면은이 콰우터가 떴는데 자, 컨텍스트 윈도우 얼만큼 남왔는지 나오고요. 그리고 우리가 눌렀을 때 정확하게 어떤 부분이 몇 퍼센트 차이는지 우리가 확인할 수가 있어요. 이제 더 이상 여러분이 뭐 어떤 추가적인 툴을 설치해 가지고 볼 필요가 없겠죠. 자, 그리고 플랜 유세지도 볼 수가 있는데 다섯시간 리밋 얼마 남았는지, 주간 리밋 얼마 남았는지 자, 그리고 우리가 바로 가기 버튼 누르면은 우리가 알고 있는 그 사용량 페이지 있죠? 거기로 바로 진입이 가능합니다. 자, 그리고 제가 아까 보여 드리겠다고 했죠?

자, 트랜스크립트 모드 노말은 우리가 일반적으로 보는 이런 창이 나오고요. Th킹 하면은 자,이 think킹하는 과정까지 전부 다 열려서 보여요. 하게 되면은 모든 창들이 이렇게 다 보이고요. 뭐 추천하진 않습니다. 자, 서머리 모드가 조금 재밌는데 서머리를 하게 되면은요. 우리 요즘 유튜브에 가면은 유튜브에 이제 요약하기 기능 있잖아요. 그거랑 비슷하다고 보시면 돼요. 조금 기다리면은 아마 클로드가 요약을 하는 거 같은데 우리가 지금까지 하고 있는 작업을 잘 이렇게 요약을 해서 우리한테 이야기를 해 줍니다. 자, 여러 개의 작업을 우리가 병렬로 돌리게 되면은요. 각각 작업별로 우리가 또 돌아가면서 또 읽어 봐야 되는데 결과물을 우리가 서머리를 통해서 훨씬 더 빠르게 작업한 요소를 확인할 수가 있지 않을까라는 생각이 이제 들게 됐습니다. 자, 지금 작업이 완료됐다 했거든요. 그래서 제가 뭐라고 했냐면은 스타팅 클로드 프리라고 얘기를 했어요. 그래서 클로드 프리에서 실행하려면은 점클로드런치.j제이슨 설정이 필요하다라고 나옵니다.

그죠? 자, 이거를 해 주고 나면요. 이제이 클로드 앱 자체에서도 우리가 우리 결과물을 바로 모니터링할 수 있는이 창을 사용할 수가 있습니다. 자,이 창은 우리가 오른쪽에 프리뷰를 누르면 우리가 바로 접근할 수가 있고 여기 로컬루스트 517호라고 써져 있는만큼 실제 우리 서버를 접속해서 이거를 렌더링 해 주는 거라고 보시면 될 거 같아요. 자, 그래서 우리 결과물이 이렇게 나왔다는 걸 확인할 수가 있고요. 자, 이게 재밌는게 자, 여기이 토을 디바이스 모드 자, 우리 크롬에서도 디바이스 톡을 많이 하죠. 그죠? 자, 이렇게 토글링해 가지고 우리가 사이즈를 조절할 수도 있다라는 거를 확인해 주시면 되겠습니다. 자, 그리고 라이트 모드랑이 다크 모드를 스위칭을 할 수가 있고요. 자, 실제이 시스템 테마랑 연동시켜 놓은 경우에는 이거를 스위칭했을 때 자동으로 인질해서 바꾸게 됩니다. 뭐 새로 고침이라든가 앞뒤로 가기 뭐 이런 거 다 되고. 자, 우리가 특정 파일을 열어서 실행을 할 수도 있고 세션 퍼시스팅도 가능해 주고 그리고 오토 ver리파이라고 해 가지고 여기로 들어가서 클로드가 알아서 검증하도록 할 수도 있어요.

자, 그리고 원한다면 서버를 전부 다 멈출 수도 있고 자,이 버튼 눌러 가지고 우리가 특정 요소를 선택을 했을 때 특정 위치가 이렇게 정확하게 우리 채팅창 안에 들어가게 됩니다. 어, 굉장하죠? 현재 지금 많이 사용되고 있는 디버깅 툴들이 이제는 클로드에게도 전부 다 들어왔다라고 여러분이 기억을 하시면 될 것 같아요. 그래서 저는이 기능이 정말 마음에 들었고요. 자, 여기서 또 뭘 할 수 있냐면요. 기 초기화해 볼게요. 자, 그러면 우리는이 대시보드 데모라는이 폴더 안에서 작업을 하고 있었기 때문에 지금 현재 세션이 이렇게 나오는 걸로 볼 수가 있고 만약에 새로운 세션으로 우리가 작업을 하고 싶다라고 하면 우리가 뉴 세션 눌러 가지고 시작을 하면 되겠죠. 자, 뉴세션을 누르면요. 이제 우리가 기술을 초기화를 했기 때문에 어떤 브랜치인지 이렇게 나오는 거 볼 수 있고 워크트리를 선택해 가지고 현재 브랜치가 아니라 새로운 워크트리를 아예 따 가지고 거기에서 작업을 할 수가 있다라는 거예요. 자, 예를 들어서 자, 라이트 모드 톡을 적용해 줘라고 하고서 우리가 워크트리를 선택한 채로 우리가 작업을 시작을 한다면은 자,이 친구는 새로운 워크트리, 새로운 브랜치에서 우리가 작업을 하게 되고 자,이 친구는 원래 메인 브랜치, 마스터 브랜치에서 작업을 하게 되는 겁니다.

그죠? 자, 우리가 독립적으로 사용을 하고 당연히 병행으로 실행을 할 수도 있고요. 만약에 여러분이 어 동시에 조금 난 보고 싶다라고 하면 이렇게 드래그해 가지고 오른쪽에다 놓으면은 양쪽 우리가 동시에 실행할 수도 있습니다. 자, 이렇게 밑에다 나와도 되고요. 계속 스플릿이 가능해진다. 자, 그래서 스플릿하는 기능까지 됐기 때문에 이제는 병렬 실행까지 굉장히 유용해졌다라고 보시면 되겠습니다. 자, 그리고 이렇게 병렬로 작업을 할 때 여전히 어떤 부분이 변경이 됐는지 보고 싶어 하는 분들 많이 계실 거라고 생각을 해요. 특히나 개발자이신 분들은. 자, 그때 우리가이 오른쪽에는이 디프이 디플 레이아웃을 여러분이 사용을 하시면요. 아이디를 켜지 않더라도 우리가 어떤 부분이 변경됐는지 한 눈에 확인할 수가 있다라는 겁니다. 그죠? 그래서 마스터부터 워킹트, 그러니까 지금 실행하고 있는 워크트리랑 비교를 했을 때 어떤 차이점이 있는지 우리가 전부 다 깃을 해 볼 수가 있다라는 거죠. 자, 그래서 우리 좀 역사를 보자면은 제가 래플릭 같은 거 설명을 드릴 때도 몇 번 의견을 말씀을 드렸지만 한 때 클로드 코드가 처음 나왔을 때이 퍼포먼스랑 사용성 때문에 터미널로 점점 전문가 툴들이 이전하는 모습을 보였지만 결국에는 어차피 다시 사용자 인터페이스 편리성을 해결하는 방향으로 다시 오게 될 거다.

래플릭 같이 완전 통합형 툴로 많이 이동을 하게 될 거다라고 말씀을 드렸는데 클로드 코드 역시 이제 인터페이스를 제대로 갖춘만큼이 화면을 계속를 해 나가면서 앞으로도 많은 스타과 많은 회사들을 죽일 것 같습니다. 자, 어찌됐든 우리는 계속 엔트로피한테 돈을 내고 있으니까 우리는 가장 생산성이 좋을 만한 툴를 사용을 해야 되기 때문에 여러분이 적극적으로 이번에 업데이트된 요소를 활용했으면 좋겠다라는 생각으로 이번 영상 제작을 했고요. 자, 이번 영상이 좋았다면은 구독과 좋아요, 알림 설정, 그리고 댓글에 하이보이까지 해 주시면은 제가 다음 영상을 제작하는데 훨씬 더 큰 도움이 됩니다. 자, 그럼 다음 영상에서 뵙도록 하겠습니다. 쏘지.