<div id="readability-page-1" class="page"><div>
 <div id="SE-b7b91890-395f-4699-8c99-56d5c1002c4f">
 다음은 앱을 빌드하고 배포하는 데 필요한 도구 목록입니다.
 </div> <div id="SE-328a3bb5-6e0e-4dfc-9f84-b4a3df8c4b84">
 필요한 도구를 설치한 후 개발 환경을 설정합니다.​
 </div> <div id="SE-96ee9abb-45f0-44b5-95b7-048ae4c9cac3">
 Teams 도구 키트는 앱용 클라우드 리소스를 프로비전 및 배포하고, Teams 스토어에 게시하는 등의 도구를 사용하여 개발 프로세스를 간소화하는 데 도움이 됩니다.​이 도구 키트는 Visual Studio Code 또는 CLI(명령줄 인터페이스)인 TeamsFx와 함께 사용할 수 있습니다.​Visual Studio Code1. Visual Studio Code를 열고 확장 프로그램 보기(Ctrl+Shift+X / ⌘⇧-X 또는 보기 &gt; 확장 프로그램)를 선택합니다.​2. 검색 상자에 Teams Toolkit를 입력합니다.​3. Teams 도구 키트 옆의 설치를 선택합니다.
 </div> <div id="SE-5a7333e0-b160-4c53-ae58-e0fc77f9f3eb">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-5a7333e0-b160-4c53-ae58-e0fc77f9f3eb&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyMzA2MDRfMjc5/MDAxNjg1ODM5MzYwOTUw.mw6tMyRpSByYxsbmSmGk1Xuxkm-7eHnqK2pTBCuGMeIg.tSnDDk90-LZfI5AhHVAACkLIudSSGfPa-6XvMv5u_mUg.PNG.dodream7/install-toolkit-vscodeversion.png&quot;, &quot;originalWidth&quot; : &quot;800&quot;, &quot;originalHeight&quot; : &quot;192&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyMzA2MDRfMjc5/MDAxNjg1ODM5MzYwOTUw.mw6tMyRpSByYxsbmSmGk1Xuxkm-7eHnqK2pTBCuGMeIg.tSnDDk90-LZfI5AhHVAACkLIudSSGfPa-6XvMv5u_mUg.PNG.dodream7/install-toolkit-vscodeversion.png?type=w800" data-width="800" data-height="192" alt="">
 </a>
 
 </div>
 <div id="SE-8b5face7-d822-46bc-8c9d-a7682088a85f">
 Teams 도구 키트 아이콘은 설치 후 Visual Studio 코드 작업 표시줄에 나타납니다.
 </div> <div id="SE-5118522c-9c48-4713-b87e-7955df5aee75">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-5118522c-9c48-4713-b87e-7955df5aee75&quot;, &quot;src&quot; : &quot;https://learn.microsoft.com/ko-kr/microsoftteams/platform/assets/images/teams-toolkit-v2/prerequisites/hw-teams-toolkit-sidebar-icon.png&quot;, &quot;originalWidth&quot; : &quot;52&quot;, &quot;originalHeight&quot; : &quot;42&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://learn.microsoft.com/ko-kr/microsoftteams/platform/assets/images/teams-toolkit-v2/prerequisites/hw-teams-toolkit-sidebar-icon.png" alt="">
 </a>
 
 </div>
 <div id="SE-5dac2aa7-49f1-4993-9b24-acd3f53d1ed0">
 Teams 도구 키트는 <a href="https://marketplace.visualstudio.com/items?itemName=TeamsDevApp.ms-teams-vscode-extension" target="_blank">Visual Studio 코드 마켓플레이스</a>에서도 찾을 수 있습니다.
 </div> <div id="SE-820a3536-b1db-47e3-af2c-93f6e6d47bb2">
 <blockquote>
 <div>참고최신 버전의 Teams 도구 키트는 v5입니다.</div>
 </blockquote>
 </div>
 <div id="SE-b411e3df-242f-4d81-abec-b1d5c821c8ed">
 테넌트는 채팅, 파일 공유 및 모임을 실행하는 Teams의 조직을 위한 공간 또는 컨테이너와 같습니다. 이 공간은 앱을 사이드로드하고 테스트하는 곳이기도 합니다. 테넌트를 사용하여 개발할 준비가 되었는지 확인해 보겠습니다.​
 </div> <div id="SE-60eaaa4d-1e51-47ca-974d-86ab97fcb5bb">
 앱을 만든 후에는 앱을 배포하지 않고 Teams에서 앱을 로드해야 합니다. 이 프로세스를 사이드로드라고 합니다. 이 옵션을 보려면 Microsoft 365 계정에 로그인하세요.
 </div> <div id="SE-13d88506-ec70-42b4-9620-00fb29225096">
 <blockquote>
 <div>참고Teams 로컬 환경에서 앱을 미리 보고 테스트하려면 사이드로드가 필요합니다. 이 기능을 사용하도록 설정하지 않으면 Teams 로컬 환경에서 앱을 미리 보고 테스트할 수 없습니다.</div>
 </blockquote>
 </div>
 <div id="SE-02462e60-b223-4ac4-a704-d8b56d26bf45">
 이미 테넌트가 있고 관리자 액세스 권한이 있나요? 실제로 있는지 확인해 보세요!​Teams에서 앱을 사이드로드할 수 있는지 확인합니다:​1. Teams 클라이언트에서 앱 아이콘을 선택합니다.​2. 앱 관리를 선택합니다.​3. 앱 업로드를 선택합니다.​4. 사용자 지정 앱 업로드 옵션을 찾습니다. 옵션이 표시되면 앱 사이드로드를 사용하도록 설정된 것입니다.
 </div> <div id="SE-40f26097-30b5-41e5-80f4-600f2fe9c5f4">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-40f26097-30b5-41e5-80f4-600f2fe9c5f4&quot;, &quot;src&quot; : &quot;https://learn.microsoft.com/ko-kr/microsoftteams/platform/assets/images/teams-toolkit-v2/spfx-custom-new1.png&quot;, &quot;originalWidth&quot; : &quot;1306&quot;, &quot;originalHeight&quot; : &quot;608&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://learn.microsoft.com/ko-kr/microsoftteams/platform/assets/images/teams-toolkit-v2/spfx-custom-new1.png" alt="">
 </a>
 
 </div>
 <div id="SE-aafe3f81-c3a8-4fc3-afc7-a068626f0588">
 <blockquote>
 <div>참고사용자 지정 앱을 업로드할 수 있는 옵션을 찾을 수 없는 경우 Teams 관리자에게 문의하세요.</div>
 </blockquote>
 </div>
 <div id="SE-8e71aa62-f134-4789-8125-b72e37775189">
 무료 Teams 개발자 테넌트 만들기(선택 사항)
 </div> <div id="SE-695b085a-b4f3-4cf9-b041-4b2d994b38a2">
 Teams 개발자 계정이 없는 경우 무료로 만들 수 있습니다. Microsoft 365 개발자 프로그램에 참여하세요!​1. <a href="https://developer.microsoft.com/microsoft-365/dev-program" target="_blank">Microsoft 365 개발자 프로그램</a>으로 이동합니다.​2. 지금 가입을 선택하고, 화면의 지침을 따릅니다.​3. 시작 화면에서 E5 구독 설정을 선택합니다.​4. 관리자 계정을 설정합니다. 완료하면 다음 화면이 나타납니다.
 </div> <div id="SE-83f98733-ecfc-4c22-ae99-967c657ed614">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-83f98733-ecfc-4c22-ae99-967c657ed614&quot;, &quot;src&quot; : &quot;https://learn.microsoft.com/ko-kr/microsoftteams/platform/assets/images/teams-toolkit-v2/prerequisites/microsoft-365.png&quot;, &quot;originalWidth&quot; : &quot;494&quot;, &quot;originalHeight&quot; : &quot;333&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://learn.microsoft.com/ko-kr/microsoftteams/platform/assets/images/teams-toolkit-v2/prerequisites/microsoft-365.png" alt="">
 </a>
 
 </div>
 <div id="SE-379838ed-a9b1-4baa-bd1f-67ab49c097e4">
 5. 방금 설정한 관리자 계정을 사용하여 Teams에 로그인합니다. Teams에서 사용자 지정 앱 업로드 옵션이 있는지 확인합니다.
 </div> <div id="SE-50924ed8-0d80-4dc0-bb68-b5f4f65e4e10">
 Azure에서 앱을 호스팅하거나 리소스에 액세스하려면 Azure 구독이 있어야 합니다. 시작하기 전에 <a href="https://azure.microsoft.com/free/" target="_blank">무료 계정</a>을 만드세요.​이제 계정을 설정하는 데 필요한 모든 도구가 준비되었습니다. 이제 개발 환경을 설정하고 빌드를 시작하세요! 먼저 빌드할 앱을 선택하세요.​
 </div> </div></div>

I ❤ Hands-On

다음은 앱을 빌드하고 배포하는 데 필요한 도구 목록입니다. 개발 환경 준비 필요한 도구를 설치한 후 개발 환경을 설정합니다. Teams 도구 키트 설치 Teams 도구 키트는 앱용 클라우드 리소스를 프로비전 및 배포하고, Teams 스토어에 게시하는 등의 도구를 사용하여 개발 프로세스를 간소화하는 데 도움이 됩니다. 이 도구 키트는 Visual Studio Code 또는 CLI(명령줄 인터페이스)인 TeamsFx와 함께 사용할 수 있습니다. Visual Studio Code 1. Visual Studio Code를 열고 확장 프로그램 보기(Ctrl+Shift+X / ⌘⇧-X 또는 보기 > 확장 프로그램)를 선택합니다. 2. 검색 상자에 Teams Toolkit를 입력합니다. 3. Teams 도구 키트 옆의 설치를.......

[Teams AI library 06] 첫 번째 앱 빌드 - 사전 요구 사항

댓글