콘텐츠로 건너뛰기

Visual Studio Live Share

실시간 공동 개발이라는 주제로 Visual Studio Live Share Preview 확장 프로그램이 공개되었습니다.

Visual Studio Live Share 동작을 확인하기 위해서는 세션을 만드는 분, 세션에 합류하시는 분 모두 Visual Studio 2017 또는 Visual Studio Code 에 확장을 설치해야 합니다.

확장 프로그램 다운로드 페이지에서 IDE에 맞는 확장을 설치합니다.

각 IDE의 확장 프로그램 설치 도구로 설치가능합니다.
* Visual Studio Code Extensions 메뉴
* Visual Studio 2017 Tools > Extensions and Updates

확장 프로그램 설치

Visual Studio 2017

VS Live Share – Preview 확장 프로그램을 설치합니다.

Visual Studio Code

VS Live Share 확장 프로그램을 설치합니다.

Sign in

Visual Studio 2017

도구 Tools > 옵션 Options 메뉴창을 열고 live share 로 필터하면 관련 구성내용을 찾을 수 있습니다.

User Account 항목의 오른쪽 버튼을 클릭하면 계정 설정 창이 열립니다.

Visual Studio 에 입력된 계정 혹은 GitHub 계정을 사용할 수 있습니다.

Visual Studio Code

아래쪽 툴바 버튼 sign in을 클릭합니다.

웹 브라우저가 실행되고, Visual Studio Live Share: Sign In 페이지가 열리면 Sign in with Micosoft 버튼 또는 Sign in with GitHub 버튼 중 원하는 계정으로 로그인을 진행합니다.

인증을 마치면 준비가 완료됩니다.

리눅스에서 Visual Studio Code를 사용해서 VS Live Share 확장 프로그램을 사용하려면, Having trouble? Click here for user code directions 링크를 클릭해서 Sign in을 완료할 수 있는 코드를 얻을 수 있습니다.

Start Live Share

공동 개발 세션을 만들기 위해서는 먼저 작업공간이 열려야 합니다.

Visual Studio 2017 에서 솔루션 열기, Visual Studio Code 에서 Open workspace, 또는 디렉터리 Open directory 메뉴로 작업공간을 열 수 있습니다.

Visual Studio 2017

오른쪽 위 Share 버튼을 클릭해서 세션을 시작할 수 있습니다.

처음 세션을 시작하면 방화벽 관련 알림 메시지가 출력됩니다.

방화벽 예외에 등록을 허용해야 세션을 시작할 수 있습니다.

세션이 시작되면 오른쪽 위 Share 버튼이 Sharing으로 표현됩니다.

Sharing 버튼을 클릭하면 세션 URL을 복사할 수 있는 메뉴가 있습니다.

Copy Link 메뉴를 클릭해서 저장된 클립보드의 URL을 공동 작업을 하려고 하는 분에게 전달합니다.

Visual Studio Code

Ctrl + Shift + p 로 커맨드 팔레트를 호출하고, share 를 입력하면 관련 메뉴가 검색됩니다.

작업 공간이 열린 상태에서 아래쪽 툴바의 사용자 이름 Sign In 버튼이 있던 위치을 클릭하면 메뉴가 열립니다.

Live Share: Start Collaboration Session (Share) 메뉴로 세션을 시작할 수 있습니다.

처음 세션을 만들면 방화벽 관련 알림 메시지가 출력됩니다.

OK버튼을 클릭하면 방화벽에 예외등록창이 열립니다.

세션이 시작되면 아래 이미지와 같은 알림창이 열립니다.

클립보드에 저장된 URL을 공동 작업을 하려고 하는 분에게 전달합니다.

클립보드에 내용이 없는 경우 알림창의 Copy again 버튼을 클릭해서 다시 복사할 수 있습니다.

아래와 유사한 형식의 URL이 클립보드에 복사됩니다.
https://insiders.liveshare.vsengsaas.visualstudio.com/join?aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Join Session

공동 개발 세션에 참여하는 분은 작업 공간을 열지 않고, 진행합니다.

Visual Studio 2017

파일 File > Join Collaboration Session … 메뉴를 클릭합니다.

세션을 시작하신 분에게 전달받은 URL을 입력하면 세션에 참여하고, 세션을 시작하신 분의 작업공간이 동일하게 열립니다.

Visual Studio Code

Ctrl + Shift + p 로 커맨드 팔레트를 호출하고, share 를 입력하면 관련 메뉴가 검색됩니다.

아래쪽 툴바의 사용자 이름 Sign In 버튼이 있던 위치을 클릭하면 메뉴가 열립니다.

Live Share: Join Collaboration Session 메뉴로 세션에 참여할 수 있습니다.

Live Share: Join Collaboration Session 메뉴를 클릭하면 세션을 시작하신 분에게 전달받은 URL을 입력하면 세션에 참여하고, 세션을 시작하신 분의 작업공간이 동일하게 열립니다.

그외

공동 개발 세션이 만들어지고, 세션에 참여하면 코드 편집에서 끝나는 것이 아니라 디버깅도 가능하고, 터미널 명령도 실행가능하다고 합니다.

이제, 선배님 이 코드를 한번 봐주실래요. 라고 하면, 라이브 쉐어 세션 만들고 URL 알려줘. 라는 시나리오가 가능하겠지만, 사람은 얼굴을 보면서 이야기를 하는게 더 좋을 것 같습니다.

이 사이트는 광고를 포함하고 있습니다.
광고로 발생한 수익금은 서버 유지 관리에 사용되고 있습니다.

This site contains advertisements.
Revenue generated by the ad servers are being used for maintenance.

댓글 남기기