search

KBDSStudy / CopilotStudy

development with copilot
0 stars 0 forks source link

copilot을 이용한 POC 프로젝트 레파지토리 입니다. #1

Open KBDSStudy opened 1 year ago

KBDSStudy commented 1 year ago

KBData System Copilot과 Chat GPT 를 활용한 Copilot 게시판입니다.

전체공지사항과 관련 메뉴얼은 해당 레파지토리를 통해 공유하겠습니다.

이외에 소스는 별도 레파지토리를 사용할수도 해당 레파지토리를 사용할수도 있습니다.

KBDSStudy commented 1 year ago

GitHub Copilot 및 Visual Studio Code 정보

GitHub Copilot은 코딩할 때 AI 쌍 프로그래머의 자동 완성 스타일 제안을 제공합니다. 자세한 내용은 "AUTOTITLE"을 참조하세요.

Visual Studio Code를 사용하는 경우 편집기 내에서 직접 GitHub Copilot의 제안을 보고 통합할 수 있습니다. 이 가이드에서는 macOS, Windows 또는 Linux용 Visual Studio Code 내에서 GitHub Copilot을 사용하는 방법을 보여 줍니다.

필수 조건

Visual Studio Code 확장 설치

GitHub Copilot을 사용하려면 먼저 Visual Studio Code 확장을 설치해야 합니다.

  1. Visual Studio Code Marketplace에서 GitHub Copilot 확장 페이지로 이동하여 설치를 클릭합니다.

  2. Visual Studio Code를 열도록 요청하는 팝업이 나타납니다. Visual Studio Code 열기를 클릭합니다.

  3. Visual Studio Code의 "확장: GitHub Copilot" 팁에서 설치를 클릭합니다.

  4. GitHub 계정에서 이전에 Visual Studio Code에 권한을 부여하지 않은 경우 Visual Studio Code에서 GitHub에 로그인하라는 메시지가 표시됩니다.

    • 이전에 GitHub 계정에서 Visual Studio Code에 권한을 부여한 경우 GitHub Copilot에 자동으로 권한이 부여됩니다.

  5. 브라우저에서 GitHub가 GitHub Copilot에 필요한 권한을 요청합니다. 이러한 권한을 승인하려면 Visual Studio Code 권한 부여를 클릭합니다.

  6. 인증을 확인하려면 Visual Studio Code의 "Visual Studio Code" 대화 상자에서 열기를 클릭합니다.

첫 번째 제안 보기

참고: GitHub Copilot에 대해 중복 검색을 사용하도록 설정한 경우 제공된 코드 예제를 사용할 때 제한된 제안이나 제안이 없을 수 있습니다. 또는 사용자 고유의 코드를 입력하여 GitHub Copilot의 제안을 볼 수 있습니다. 중복 검색에 대한 자세한 내용은 "AUTOTITLE"을 참조하세요.

GitHub Copilot은 다양한 언어와 광범위한 프레임워크에 대한 제안을 제공하지만 Python, JavaScript, TypeScript, Ruby, Go, C# 및 C++에서 특히 잘 작동합니다. 다음 샘플은 JavaScript이지만 다른 언어도 비슷하게 작동합니다.

  1. Visual Studio Code에서 새 JavaScript( *.js) 파일을 만듭니다.

  2. JavaScript 파일에 다음 함수 헤더를 입력합니다. GitHub Copilot은 아래와 같이 회색 표시된 텍스트로 전체 함수 본문을 자동으로 제안합니다. 정확한 제안은 다를 수 있습니다.

    JavaScript
    function calculateDaysBetweenDates(begin, end) {

  3. 제안을 수락하려면 Tab 키를 누릅니다.

대체 제안 보기

GitHub Copilot이 특정 입력에 대해 여러 제안을 제공할 수 있습니다. 사용할 제안을 선택하거나 모든 제안을 거부할 수 있습니다.

  1. Visual Studio Code에서 새 JavaScript( *.js) 파일을 만듭니다.

  2. JavaScript 파일에 다음 함수 헤더를 입력합니다. GitHub Copilot에 제안 사항이 표시됩니다.

    JavaScript
    function calculateDaysBetweenDates(begin, end) {

  3. 필요에 따라 대체 제안을 볼 수 있습니다(사용할 수 있는 경우).

    OS | 다음 제안 참조 | 이전 제안 참조 -- | -- | -- macOS | 옵션(⌥) 또는 Alt+] | 옵션(⌥) 또는 Alt+[ Windows | Alt+] | Alt+[ Linux | Alt+] | Alt+[

  4. 또는 제안을 마우스로 가리키면 제안을 선택하기 위한 GitHub Copilot 명령 팔레트를 볼 수 있습니다.

  5. 제안을 수락하려면 Tab 키를 누릅니다. 모든 제안을 거부하려면 Esc 키를 누릅니다.

새 탭에서 여러 제안 표시

초기 제안 GitHub Copilot의 제안 내용을 원하지 않을 수 있습니다. 바로 가기 키를 사용하여 GitHub Copilot에서 새 탭에 여러 제안 사항을 표시하도록 지정할 수 있습니다.

  1. Visual Studio Code에서 새 JavaScript( *.js) 파일을 만듭니다.
  2. JavaScript 파일에 다음 함수 헤더를 입력합니다. GitHub Copilot에 제안 사항이 표시됩니다.
    JavaScript
    function calculateDaysBetweenDates(begin, end) {
  3. 여러 추가 옵션이 있는 새 탭을 열려면 Ctrl+Enter를 누릅니다.
  4. 제안을 수락하려면 제안 위에서 솔루션 수락을 클릭합니다. 모든 제안을 거부하려면 탭을 닫습니다.

주석에서 코드 제안 생성

주석 내에서 자연어를 사용하여 수행할 작업을 설명할 수 있으며, GitHub Copilot은 목표를 달성하기 위한 코드를 제안합니다.

  1. Visual Studio Code에서 새 JavaScript( *.js) 파일을 만듭니다.
  2. JavaScript 파일에 다음 주석을 입력합니다. GitHub Copilot은(는) 함수의 구현을 제안합니다.
    JavaScript
    // find all images without alternate text
// and give them a red border
function process() {

프레임워크 사용

GitHub Copilot을 사용하여 API 및 프레임워크에 대한 제안을 생성할 수도 있습니다. 다음 예제에서는 GitHub Copilot을 사용하여 현재 시간을 반환하는 간단한 Express 서버를 만듭니다.

  1. Visual Studio Code에서 새 JavaScript( *.js) 파일을 만듭니다.
  2. JavaScript 파일에 다음 주석을 입력하고 Enter 키를 누릅니다. GitHub Copilot이 Express 앱의 구현을 제안합니다.
    JavaScript
    // Express server on port 3000
  3. To accept each line, press Tab, then Enter.
  4. Type the following comment and then press Enter. GitHub Copilot will suggest an implementation for the default handler.
    JavaScript
    // Return the current time
  5. 각 줄을 수락하려면 Tab 키를 누릅니다.

GitHub Copilot 사용 또는 사용 안 함

Visual Studio Code에서 GitHub Copilot을 사용하거나 사용하지 않도록 설정할 수 있습니다. Visual Studio Code 창의 아래쪽 패널에 있는 GitHub Copilot 상태 아이콘은 GitHub Copilot이 사용하도록 설정되었는지 여부를 나타냅니다. 사용하도록 설정하면 아이콘의 배경색이 상태 표시줄의 색과 일치합니다. 사용하지 않도록 설정하면 아이콘의 배경색이 상태 표시줄의 색과 대비됩니다.

  1. GitHub Copilot을 사용하거나 사용하지 않도록 설정하려면 Visual Studio Code 창의 아래쪽 패널에서 상태 아이콘을 클릭합니다.

    Visual Studio Code의 아래쪽 패널 스크린샷 GitHub Copilot 아이콘은 진한 주황색으로 표시됩니다.

  2. GitHub Copilot을 사용하지 않도록 설정하는 경우 전역적으로 또는 현재 편집 중인 파일의 언어에 대해 제안을 사용하지 않도록 설정할지 묻는 메시지가 표시됩니다.

    • GitHub Copilot에서 제안을 전역적으로 사용하지 않도록 설정하려면 전역적으로 사용하지 않음을 클릭합니다.
    • 지정된 언어에 대한 GitHub Copilot에서 제안을 사용하지 않도록 설정하려면 언어에 대해 사용 안 함을 클릭합니다.전역적으로 또는 현재 언어에 대해 GitHub Copilot을 사용하지 않도록 설정하는 옵션의 스크린샷
GitHub Copilot 및 Visual Studio Code 정보 GitHub Copilot은 코딩할 때 AI 쌍 프로그래머의 자동 완성 스타일 제안을 제공합니다. 자세한 내용은 "[AUTOTITLE"을 참조하세요](https://docs.github.com/ko/copilot/overview-of-github-copilot/about-github-copilot-for-individuals). Visual Studio Code를 사용하는 경우 편집기 내에서 직접 GitHub Copilot의 제안을 보고 통합할 수 있습니다. 이 가이드에서는 macOS, Windows 또는 Linux용 Visual Studio Code 내에서 GitHub Copilot을 사용하는 방법을 보여 줍니다. 필수 조건 GitHub Copilot을(를) 사용하려면 활성 GitHub Copilot 구독이 있어야 합니다. 자세한 내용은 "[GitHub Copilot 청구 정보](https://docs.github.com/ko/billing/managing-billing-for-github-copilot/about-billing-for-github-copilot)"을 참조하세요. Visual Studio Code에서 GitHub Copilot을 사용하려면 Visual Studio Code가 설치되어 있어야 합니다. 자세한 내용은 [Visual Studio Code 다운로드 페이지](https://code.visualstudio.com/Download)를 참조하세요. Visual Studio Code 확장 설치 GitHub Copilot을 사용하려면 먼저 Visual Studio Code 확장을 설치해야 합니다. Visual Studio Code Marketplace에서 [GitHub Copilot 확장 페이지로](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) 이동하여 설치를 클릭합니다. Visual Studio Code를 열도록 요청하는 팝업이 나타납니다. Visual Studio Code 열기를 클릭합니다. Visual Studio Code의 "확장: GitHub Copilot" 팁에서 설치를 클릭합니다. GitHub 계정에서 이전에 Visual Studio Code에 권한을 부여하지 않은 경우 Visual Studio Code에서 GitHub에 로그인하라는 메시지가 표시됩니다. 이전에 GitHub 계정에서 Visual Studio Code에 권한을 부여한 경우 GitHub Copilot에 자동으로 권한이 부여됩니다. 브라우저에서 GitHub가 GitHub Copilot에 필요한 권한을 요청합니다. 이러한 권한을 승인하려면 Visual Studio Code 권한 부여를 클릭합니다. 인증을 확인하려면 Visual Studio Code의 "Visual Studio Code" 대화 상자에서 열기를 클릭합니다. 첫 번째 제안 보기 참고: GitHub Copilot에 대해 중복 검색을 사용하도록 설정한 경우 제공된 코드 예제를 사용할 때 제한된 제안이나 제안이 없을 수 있습니다. 또는 사용자 고유의 코드를 입력하여 GitHub Copilot의 제안을 볼 수 있습니다. 중복 검색에 대한 자세한 내용은 "[AUTOTITLE"을 참조하세요](https://docs.github.com/ko/copilot/configuring-github-copilot/configuring-github-copilot-settings-on-githubcom#enabling-or-disabling-duplication-detection). GitHub Copilot은 다양한 언어와 광범위한 프레임워크에 대한 제안을 제공하지만 Python, JavaScript, TypeScript, Ruby, Go, C# 및 C++에서 특히 잘 작동합니다. 다음 샘플은 JavaScript이지만 다른 언어도 비슷하게 작동합니다. Visual Studio Code에서 새 JavaScript( *.js) 파일을 만듭니다. JavaScript 파일에 다음 함수 헤더를 입력합니다. GitHub Copilot은 아래와 같이 회색 표시된 텍스트로 전체 함수 본문을 자동으로 제안합니다. 정확한 제안은 다를 수 있습니다. JavaScript function calculateDaysBetweenDates(begin, end) { 제안을 수락하려면 Tab 키를 누릅니다. 대체 제안 보기 GitHub Copilot이 특정 입력에 대해 여러 제안을 제공할 수 있습니다. 사용할 제안을 선택하거나 모든 제안을 거부할 수 있습니다. Visual Studio Code에서 새 JavaScript( *.js) 파일을 만듭니다. JavaScript 파일에 다음 함수 헤더를 입력합니다. GitHub Copilot에 제안 사항이 표시됩니다. JavaScript function calculateDaysBetweenDates(begin, end) { 필요에 따라 대체 제안을 볼 수 있습니다(사용할 수 있는 경우). OS 다음 제안 참조 이전 제안 참조 macOS 옵션(⌥) 또는 Alt+] 옵션(⌥) 또는 Alt+[ Windows Alt+] Alt+[ Linux Alt+] Alt+[ 또는 제안을 마우스로 가리키면 제안을 선택하기 위한 GitHub Copilot 명령 팔레트를 볼 수 있습니다. 제안을 수락하려면 Tab 키를 누릅니다. 모든 제안을 거부하려면 Esc 키를 누릅니다. 새 탭에서 여러 제안 표시 초기 제안 GitHub Copilot의 제안 내용을 원하지 않을 수 있습니다. 바로 가기 키를 사용하여 GitHub Copilot에서 새 탭에 여러 제안 사항을 표시하도록 지정할 수 있습니다. Visual Studio Code에서 새 JavaScript( *.js) 파일을 만듭니다. JavaScript 파일에 다음 함수 헤더를 입력합니다. GitHub Copilot에 제안 사항이 표시됩니다. JavaScript function calculateDaysBetweenDates(begin, end) { 여러 추가 옵션이 있는 새 탭을 열려면 Ctrl+Enter를 누릅니다. 제안을 수락하려면 제안 위에서 솔루션 수락을 클릭합니다. 모든 제안을 거부하려면 탭을 닫습니다. 주석에서 코드 제안 생성 주석 내에서 자연어를 사용하여 수행할 작업을 설명할 수 있으며, GitHub Copilot은 목표를 달성하기 위한 코드를 제안합니다. Visual Studio Code에서 새 JavaScript( *.js) 파일을 만듭니다. JavaScript 파일에 다음 주석을 입력합니다. GitHub Copilot은(는) 함수의 구현을 제안합니다. JavaScript // find all images without alternate text // and give them a red border function process() { 프레임워크 사용 GitHub Copilot을 사용하여 API 및 프레임워크에 대한 제안을 생성할 수도 있습니다. 다음 예제에서는 GitHub Copilot을 사용하여 현재 시간을 반환하는 간단한 Express 서버를 만듭니다. Visual Studio Code에서 새 JavaScript( *.js) 파일을 만듭니다. JavaScript 파일에 다음 주석을 입력하고 Enter 키를 누릅니다. GitHub Copilot이 Express 앱의 구현을 제안합니다. JavaScript // Express server on port 3000 To accept each line, press Tab, then Enter. Type the following comment and then press Enter. GitHub Copilot will suggest an implementation for the default handler. JavaScript // Return the current time 각 줄을 수락하려면 Tab 키를 누릅니다. GitHub Copilot 사용 또는 사용 안 함 Visual Studio Code에서 GitHub Copilot을 사용하거나 사용하지 않도록 설정할 수 있습니다. Visual Studio Code 창의 아래쪽 패널에 있는 GitHub Copilot 상태 아이콘은 GitHub Copilot이 사용하도록 설정되었는지 여부를 나타냅니다. 사용하도록 설정하면 아이콘의 배경색이 상태 표시줄의 색과 일치합니다. 사용하지 않도록 설정하면 아이콘의 배경색이 상태 표시줄의 색과 대비됩니다. GitHub Copilot을 사용하거나 사용하지 않도록 설정하려면 Visual Studio Code 창의 아래쪽 패널에서 상태 아이콘을 클릭합니다. Visual Studio Code의 아래쪽 패널 스크린샷 GitHub Copilot 아이콘은 진한 주황색으로 표시됩니다. GitHub Copilot을 사용하지 않도록 설정하는 경우 전역적으로 또는 현재 편집 중인 파일의 언어에 대해 제안을 사용하지 않도록 설정할지 묻는 메시지가 표시됩니다. GitHub Copilot에서 제안을 전역적으로 사용하지 않도록 설정하려면 전역적으로 사용하지 않음을 클릭합니다. 지정된 언어에 대한 GitHub Copilot에서 제안을 사용하지 않도록 설정하려면 언어에 대해 사용 안 함을 클릭합니다. 전역적으로 또는 현재 언어에 대해 GitHub Copilot을 사용하지 않도록 설정하는 옵션의 스크린샷
KBDSStudy commented 1 year ago

참고 url :

  1. VSCODE 설치 링크 https://code.visualstudio.com/
  2. copilot 설치 관련설명링크 https://blog.outsider.ne.kr/1603
  3. vscode에 스프링부트 설정관련 링크 https://gethlemn.tistory.com/28 https://code.visualstudio.com/docs/java/java-spring-boot
KBDSStudy commented 1 year ago

4/9 까지의 계획 :

참고로 스프링부트 기본환경을 이해하면서 공부하시려면 아래링크 에 있는 걸 개발 해서 한번 띄어보시기 바랍니다. 링크 스프링부트 게시판개발( VSCODE) https://huimang2.github.io/java/spring_boot