빠른 시작: 첫 번째 프로젝트 공유Quickstart: Share your first project

Visual Studio Live Share를 시작합니다.Welcome to Visual Studio Live Share! Live Share를 사용하면 사용 중인 프로그래밍 언어나 빌드 중인 앱 유형에 관계 없이 다른 사람과 공동으로 실시간 편집 및 디버깅이 가능합니다.Live Share enables you to collaboratively edit and debug with others in real time, regardless what programming languages you're using or app types you're building. 현재 프로젝트를 즉시 안전하게 공유한 다음, 필요에 따라 디버깅 세션, 터미널 인스턴스, 로컬 호스트 웹앱, 음성 통화 등을 공유할 수 있습니다.It allows you to instantly and securely share your current project, and then as needed, share debugging sessions, terminal instances, localhost web apps, voice calls, and more!

진행할 준비가 되셨나요?Ready to get going? 팀 협업은 매우 빠르고 자연스러워서 작업을 수행하기 쉽습니다.Team collaboration should be so quick and natural, that it becomes harder not to do it! 이러한 이유로 Visual Studio Live Share를 사용하면 간편하게 시작할 수 있으므로 작업과 아이디어를 원활하게 공유할 수 있습니다.For this reason, Visual Studio Live Share makes it simple to get started, so that you can seamlessly begin sharing your work and ideas.

사용자 고유의 협업 세션에 가입 할 수 있다는 것을 알고 계셨나요?Did you know you can join your own collaboration session? 그러면 직접 Live Share를 시도해 보거나 Visual Studio 또는 VS Code의 인스턴스를 전환하고 원격으로 연결할 수 있습니다.This allows you to try Live Share on your own or to spin up an instance of Visual Studio or VS Code and connect to it remotely! 두 인스턴스 모두에 동일한 ID를 사용할 수도 있습니다.You can even use the same identity in both instances. 확인해 보세요.Check it out!

공유를 시작하려면 다음 단계를 수행합니다.Just follow these steps to start sharing.

1. 확장 설치1. Install the extension

확장을 설치하는 것은 쉽습니다.Installing the extension is easy. 다음 단계를 따르기만 하면 됩니다.Just follow these steps:

Visual Studio Code logo Visual Studio Code(1.22.0 이상) Visual Studio Code (1.22.0+)
1.Windows(7, 8.1 또는 10), macOS(Sierra+), 64비트 Linux용 Visual Studio Code를 설치합니다(세부 정보). 1. Install Visual Studio Code for Windows (7, 8.1, or 10), macOS (Sierra+), 64-bit Linux (details)
2. 마켓플레이스에서 Visual Studio Live Share 확장을 다운로드하여 설치합니다. 2. Download and install the Visual Studio Live Share extension from the marketplace.
3. 다시 로드하고 종속성이 다운로드되어 설치될 때까지 기다립니다(상태 표시줄 참조). 3. Reload and wait for dependencies to download and install (see status bar).
4. Linux: 라이브러리를 설치하라는 메시지가 표시되면 [설치]를 클릭하고 암호를 입력한 다음, 완료되면 VS Code를 다시 시작합니다. 4. Linux: If prompted to install libraries, click install, enter password, restart VS Code when done.
Download button
Visual Studio 2019 logo Visual Studio 2019 Visual Studio 2019
1.Visual Studio 2019를 설치합니다. 1. Install Visual Studio 2019.
2.지원되는 워크로드를 설치합니다. 2. Install a supported workload. (예: ASP.NET, .NET Core, C++, Python 및/또는 Node.js)(e.g. ASP.NET, .NET Core, C++, Python, and/or Node.js)
3. Visual Studio Live Share는 기본적으로 이러한 워크로드와 함께 설치됩니다. 3. Visual Studio Live Share is installed by default with these workloads.
Visual Studio 2017 logo Visual Studio 2017 15.6 이상 Visual Studio 2017 15.6 or higher
1. Windows(7, 8.1 또는 10)에 최신 버전의 Visual Studio 2017(15.6 이상)을 설치합니다. 1. Install the latest version of Visual Studio 2017 (15.6+) on Windows (7, 8.1, or 10).
2.지원되는 워크로드를 설치합니다. 2. Install a supported workload. (예: ASP.NET, .NET Core, C++ 및/또는 Node.js)(e.g. ASP.NET, .NET Core, C++, and/or Node.js)
3. 마켓플레이스에서 Visual Studio Live Share 확장을 다운로드하여 설치합니다. 3. Download and install the Visual Studio Live Share extension from the marketplace.
Download button

Visual Studio Live Share를 다운로드하여 사용하면 사용 조건개인정보처리방침에 동의한 것입니다.By downloading and using Visual Studio Live Share, you agree to the license terms and privacy statement. 문제가 있는 경우 문제 해결을 참조하세요.See troubleshooting if you run into problems.

2. 로그인2. Sign in

Live Share 확장을 설치하고, 다시 시작하고 종속성 설치(VS Code)가 완료될 때까지 기다린 후 로그인하여 다른 참가자에게 사용자가 누구인지 알릴 수 있습니다.After installing the Live Share extension, restarting, and waiting for dependencies to finish installing (VS Code), you'll want to sign in to let other participants know who you are. 시작하려면 "Live Share" 상태 표시줄 항목(VS Code) / "로그인" 단추(VS)를 클릭하기만 하면 됩니다.Simply click the "Live Share" status bar item (VS Code) / "Sign in" button (VS) to get started.

Visual Studio Code sign in status bar item Visual Studio sign in button

VS Code 에서 브라우저가 실행되는 동안 로그인하라는 알림이 표시됩니다.In VS Code, your browser will launch while a notification will appear launch asking you to sign in. 브라우저에서 로그인 프로세스를 완료한 다음, 완료될 때 브라우저를 닫기만 하면 됩니다.Complete the sign in process in your browser, then simply close the browser when done.

웹 브라우저를 사용하여 로그인하라는 알림 메시지

Linux 사용자: 이전 버전의 Live Share(v0.3.295 이하)를 사용하는 경우 사용자 코드를 입력하라는 메시지가 표시될 수 있습니다.Linux users: You may be prompted to enter a user code if you are using an older version of Live Share (v0.3.295 or below). 확장의 최신 버전으로 업데이트하거나 "문제가 있나요?"를 클릭합니다.Update to the latest version of the extension or click the "Having trouble?" 로그인한 후 링크를 클릭하여 코드를 확인합니다.link after sign in to see the code. 자세한 내용은 여기를 참조하세요.See here for details.

Visual Studio 에서 Live Share는 개인 설정 계정을 자동으로 사용합니다.In Visual Studio, Live Share automatically uses your personalization account. 그 결과 평소대로 간단하게 로그인할 수 있습니다.As a result, you can simply sign in as you would normally. 그러나 Visual Studio 개인 설정 계정과 다른 로그인을 사용하려는 경우에는 도구 > 옵션 > Live Share > 사용자 계정 으로 이동하여 다른 자격 증명을 선택합니다.However, if you prefer to use a different sign-in than your Visual Studio personalization account, go to Tools > Options > Live Share > User account and select different credentials.

여전히 문제가 발생하는 경우에는 문제 해결을 참조하세요.See troubleshooting if you are still hitting problems.

3. 폴더, 프로젝트 또는 솔루션 열기3. Open a folder, project, or solution

일반 워크플로를 사용하여 Visual Studio 또는 Visual Studio Code에서 공유하려는 폴더, 프로젝트 또는 솔루션을 엽니다.Use your normal workflow to open a folder, project, or solution that you would like to share in Visual Studio or Visual Studio Code.

4. [선택 사항] 숨겨진 파일 또는 제외된 파일 업데이트4. [Optional] Update hidden or excluded files

기본적으로 Live Share는 게스트의 공유 폴더에 있는 .gitignore 파일에서 참조하는 모든 파일/폴더를 숨깁니다.By default, Live Share hides any files/folders referenced in .gitignore files in your shared folders from guests. 파일을 숨기면 게스트의 파일 트리에 나타나지 않습니다.Hiding a file prevents it from appearing in the guest's file tree. 파일을 제외하면 정의로 이동하거나 디버깅 또는 "추적" 중에 파일로 들어오는 등의 상황에서 Live Share가 게스트를 열 수 없도록 보다 엄격한 규칙을 적용합니다.Excluding a file applies a stricter rule that prevents Live Share from opening it for the guest in situations like go to definition or if you step into the file while debugging or being "followed". 다른 파일을 숨기거나 제외하려는 경우, 이러한 설정으로 .vsls.json 파일을 프로젝트에 추가할 수 있습니다.If you want to hide/exclude different files, a .vsls.json file can be added to your project with these settings. 자세한 내용은 파일 액세스 및 표시 유형 제어를 참조하세요.See controlling file access and visibility for details.

5. 협업 세션 시작5. Start a collaboration session

그런 다음, 도구 내에서 "Live Share"를 클릭하기만 하면 초대 링크가 자동으로 클립보드에 복사됩니다.Next, simply click "Live Share" within your tool and an invite link is automatically copied to your clipboard.

Visual Studio Code share status bar item Visual Studio share button

참고

처음 공유할 때 데스크톱 방화벽 소프트웨어에서 Live Share 에이전트가 포트를 열 수 있도록 허용하라는 요청을 받을 수 있습니다.You may be asked by your desktop firewall software to allow the Live Share agent to open a port the first time you share. 이 옵션을 수락하는 것은 전적으로 선택 사항이지만, 작업하는 사람이 사용자와 동일한 네트워크에 있을 때 보안된 "직접 모드"로 성능을 향상시킬 수 있습니다.Accepting this is entirely optional but enables a secured "direct mode" to improve performance when the person you are working with is on the same network as you are. 자세한 내용은 연결 모드 변경을 참조하세요.See change the connection mode for details.

6. [선택 사항] 읽기 전용 모드 사용6. [Optional] Enable read-only mode

협업 세션을 시작하면 공유 중인 코드를 게스트가 편집하지 못하도록 세션을 읽기 전용으로 설정할 수 있습니다.Once you start your collaboration session, you can set the session to be read-only to prevent guests from making edits to the code being shared.

공유한 후에는 초대 링크가 클립보드에 복사되었다는 알림을 받게 됩니다.After sharing, you will get a notification that the invite link has been copied to your clipboard. 그런 다음, 옵션을 선택하여 세션을 읽기 전용으로 만들 수 있습니다.You can then select the option to make the session read-only.

Visual Studio Code read-only option Visual Studio read-only option

VS Code 에서 Live Share viewlet 탭에서 읽기 전용 세션을 시작할 수도 있습니다.In VS Code, you can also start a read-only session from the Live Share viewlet tab.

웹 브라우저를 사용하여 로그인하라는 알림 메시지

초대할 사람에게 이메일, Slack, Skype 등을 통해 링크를 보냅니다.Send the link over e-mail, Slack, Skype, etc. to those you want to invite. 브라우저에서 링크를 열면 사용자가 연 폴더, 프로젝트 또는 솔루션의 콘텐츠를 공유하는 협업 세션에 조인할 수 있습니다.Opening the link in a browser allows them to join the collaboration session that is sharing the contents of the folder, project, or solution that you opened. Live Share 세션이 게스트에게 제공할 수 있는 액세스 수준을 고려할 때 신뢰하는 사용자와만 공유 하고 공유하는 내용의 의미를 검토해야 합니다.Note that, given the level of access Live Share sessions can provide to guests, you should only share with people you trust and think through the implications of what you are sharing.

보안 팁: Live Share의 일부 기능이 보안에 미치는 영향을 알고 싶나요?Security Tip: Want to understand the security implications of some of Live Share's features? 보안 문서를 확인합니다.Check out the security article.

초대한 게스트에게 질문이 있는 경우 빠른 시작: 첫 번째 세션에 조인 문서는 게스트로 시작하고 실행하는 방법에 대한 몇 가지 추가 정보를 제공합니다.If the guest you invited has questions, the Quickstart: Join your first session article provides some more information on getting up and running as a guest.

8. [선택 사항] 게스트 승인8. [Optional] Approve the guest

기본적으로 게스트는 자동으로 협업 세션에 조인하고 작업을 수행할 준비가 되면 알림을 받게 됩니다.By default, guests automatically join your collaboration session and you are notified when they're ready to work with you.

Visual Studio Code join notification Visual Studio join notification

대신 조인하는 모든 사용자에게 명시적인 "승인"을 요구하도록 선택할 수 있습니다.You can opt to require an explicit "approval" for anyone joining instead. 이 설정을 사용하도록 설정한 경우 게스트가 세션에 조인하려고 할 때 승인하라는 알림이 표시됩니다.If you have this setting turned on, a notification prompts you to approve the guest when they try to join your session.

이 기능을 설정하는 방법에 대한 자세한 내용은 게스트 승인 필요를 참조하세요.See requiring guest approval for details on how to turn this feature on.

9. 공동 작업!9. Collaborate!

정말 간단하죠.That's it! 게스트가 조인하면 시도할 몇 가지 항목은 다음과 같습니다.Here are a few things to try out once a guest has joined you:

  1. 프로젝트의 여러 파일로 독립적으로 이동하여 일부 편집Move around to different files in the project independently and make some edits
  2. 게스트를 따라 스크롤, 편집 수행 및 다른 파일로 이동하는 과정 확인Follow the guest and observe as they scroll, make edits, and navigate to different files
  3. 함께 공동 디버깅 세션 시작Start up a co-debugging session with them
  4. 해당 머신에서 실행 중인 웹앱과 같은 항목을 체크 아웃할 수 있도록 서버 공유Share a server so you can check out something like a web app running on their machine
  5. 터미널을 공유하고 일부 명령 실행Share a terminal and run some commands

이러한 작업을 수행하는 방법 등에 대한 정보는 Visual Studio CodeVisual Studio 확장 문서를 체크 아웃하세요.Check out the Visual Studio Code and Visual Studio extension docs for information on how to do these actions and more.

문제가 있으신가요?Having problems? 문제 해결을 참조하거나 피드백을 제공해 주세요.See troubleshooting or provide feedback.

다음 단계Next Steps

자세한 내용은 이러한 추가 문서를 확인하세요.Check out these additional articles for more information.

참고Reference