Tools26 깃허브 코파일럿(Github Copilot) 신청 및 사용법 최근에 깃허브에서 만든 코파일럿이 주목을 받고 있습니다. 아직 완벽한 정도는 아니지만 현재 수준만으로도 놀라울 정도의 성능을 보여주는데요. 이번 글에서는 깃허브 코파일럿에 대해 간단히 알아보고, 코파일럿 신청 방법과 사용 방법 등을 정리해봤습니다. 목차 1. 깃허브 코파일럿(Github Copilot) 이란? 2. 깃허브 코파일럿 신청 및 가격 3. 깃허브 코파일럿 설치 및 사용법 4. 깃허브 코파일럿 사용 후기 1. 깃허브 코파일럿(Github Copilot) 이란? 깃허브 코파일럿은 OpenAI Codex를 이용하여 개발자에게 실시간으로 코드를 제안하는 프로그램입니다. 깃허브가 보유한 수억 라인의 public 코드로 인공지능을 훈련시켜서 만들었는데요. 개발 속도를 높여줄 뿐 아니라 마치 AI와 페어 .. 2022. 8. 3. 프론트엔드 개발 시 유용한 VS Code Extensions 5가지 이 블로그에서 Visual Studio Code를 소개한 것이 불과 2년 전이었는데 어느덧 대세 Editor가 되었네요. VS Code는 여러가지 장점이 있지만, 다양한 Extensions을 통해 내 입맛에 맞게 커스터마이징을 할 수 있다는 점도 큰 장점이죠. 오늘 포스팅에서는 제가 프론트엔드 개발할 때 잘 쓰고 있고 추천할 만 한 VS Code Extensions 5가지를 한 번 정리해봤습니다. 1. Javascript (ES6) Code Snippets 유명한 프로그래밍 격언으로 바퀴를 다시 발명하지 말라는 말이 있죠. 개인적으로 "그냥 가져다 쓰자"라는 말을 그다지 좋아하지는 않지만, 이 Javascript Code Snippets 확장을 쓰면 확실히 생산성이 늘어나는데요. ES6 문법을 지원하며,.. 2019. 10. 25. 생산성을 높여주는 VSCode 단축키 및 팁 정리 VSCode는 이제 거의 대세가 된 에디터죠. 많은 분들이 이미 각자의 입맛에 맞게 VSCode를 커스터마이징해서 사용하시고 계실텐데요. 이 포스트서에는 제가 VSCode를 사용하면서 생산성을 높여주는 몇가지 단축키와 VSCode 팁을 정리해봤습니다. 1. Show All Commands (Ctrl + Shift + P) VSCode에서 사용할 수 있는 모든 명령어를 입력할 수 있습니다. 가장 기초 중의 기초라고 할 수 있죠. 2. Keymaps Extensions 설치 VSCode에서는 keymaps Extension을 설치하여 본인이 기존에 사용하던 편집기의 단축키를 그대로 사용하거나 커스터마이징 할 수 있습니다. 3. Process Explorer VSCode를 사용하다보면 가끔 느려질 때가 있습니.. 2019. 7. 16. GitHub 단축키 및 사용 팁 정리 오늘은 그동안 GitHub에서 자주 사용하는 단축키와 사용팁을 정리해봤다. 아직 GitHub가 익숙하지 않다면 아래 단축키와 팁을 사용해보자. GitHub 사용이 훨씬 수월해질 것이다. ※ 참고 : 최근 GitHub에서 Private Repository (비공개 저장소)를 무료로 제공하기 시작했다. Repo당 3명까지만 contributor를 둘 수 있다는 제약이 있지만 개인 프로젝트로 부담없이 사용할 수 있게 되었다. 그러면 자주 쓰는 GitHub 단축키와 사용 팁을 알아보자.Repository 안의 파일 검색 : 단축키 TRepository에서 파일을 찾을 때 단축키 T를 누르면 빠르고 쉽게 파일을 검색할 수 있다. 개인적으로 제일 많이 사용하고 있는 단축키이다. 참고로 GitHub는 파일 검색에서 .. 2019. 1. 18. PHPStorm 파일 찾기가 안되는 경우 해결방법 PHPStorm에서 가끔 파일명 찾기가 안되는 경우가 있습니다. 일반적으로 PHPStorm에서 파일 찾기를 할 때는 단축키 Ctrl + Shift + N 로 파일을 찾거나 Search Everywhere (더블 Shift) 로 파일을 찾는데요. 떡하니 프로젝트 창에 파일이 있는데도 못찾는 경우가 있습니다. 이럴 때 어떻게 해결할 수 있는지를 살펴봤습니다. ** 1. PHPStorm 재시작과 업데이트 먼저 해볼 수 있는 가장 기본적인 조치는 바로 재시작과 업데이트 확인입니다. 먼저 아무리 파일명을 입력해봐도 파일 찾기가 되지 않으면 일단 PHPStorm 재시작을 해봅니다. 그리고 업데이트 Help > Check for Updates 를 통해 최신 버전을 사용하고 있는지 확인 해봅니다. ** 2. Inval.. 2018. 10. 17. ERD 다이어그램 툴 종류와 설치 경로 정리 개인 프로젝트를 하면서 쓸만한 ERD 툴을 찾아보았습니다. 주로 무료나 저렴한 가격으로 사용할 수 있는 툴들을 찾아봤는데요. 막상 조사해보니 이전에 oracle ERD 툴로 사용했던 erwin 처럼 막강한 기능을 가진 툴은 찾기 어렵더군요. 하지만 어느정도 장점을 가지고 있는 무료 ERD 다이어그램 툴들을 찾을 수 있었습니다. ** 1. ERD Cloud 개인 프로젝트나 작은 규모의 프로젝트라면 가장 추천하고 싶은 ERD tool입니다. 이른바 웹 ERD 툴이라고도 할 수 있을 텐데요. 간단하게 이메일 인증을 통해 가입만 하면 바로 ERD를 작성할 수 있습니다. 웹 ERD의 장점은 어디서든 작업할 수 있는 클라우드라는 점인데요. 물론 보안 측면에서 고민이 될 수도 있습니다. 하지만 ERD Cloud에서는.. 2018. 10. 10. phpstorm 디버깅 안되는 문제 해결 평소 잘되던 phpstorm 디버깅이 갑자기 동작하지 않아 거의 5시간 정도 삽질을 한 것 같네요. jetBrain 의 인스트럭션을 몇 번이곤 점검했고, 구글링을 통해 여러차례 사례를 찾아서 적용해봤지만 그 어느것도 먹히지 않았죠. ▼ 제 개발환경은 우분투 + 아파치 + php 였습니다. xDebug 를 설치했고, 모든 설정은 몇 번을 점검해봐도 잘못된 곳은 없어보였습니다. php.ini 도 문법오류나 오타도 없었고, phpinfo() 를 통해서 봤을 때도 xDebug 설정은 문제 없었습니다. localhost 디버깅 요청 디버깅을 위한 break point php.ini 설정phpinfo() xdebug 부분 Settings > PHP > Debug 설정 ▼ xDebug 포트도 9000으로 잘 맞춰져 .. 2017. 8. 18. VMware 인터넷 연결 안될 때 해결 방법 저는 로컬 개발환경을 원격서버와 동일하게 맞춰주기 위해서 윈도우 컴퓨터 위에 VMware 띄워서 사용하고 있습니다. 원격서버의 환경에 맞춰 VMware에 리눅스 또는 윈도우를 설치하는데요. 가끔 호스트 컴퓨터에서는 네트워크가 정상적인데 VMware 상에서 네트워크가 안되는 경우가 있죠. 그럴 때 해결방법은 다음과 같습니다. ▼ 윈도우 바탕화면의 내 컴퓨터 아이콘을 우클릭한 후 컴퓨터 관리로 들어갑니다. ▼ 서비스 항목을 누르면 현재 윈도우 OS에서 실행되고 있는 서비스 목록이 나온데요. 이 중 VMware 네트워크와 관련된 서비스인 VMware NAT Service와 VMware DHCP Service 를 재시작 해줍니다. 보통 이렇게 조치를 하면 VMware 네트워크가 정상적으로 돌아오는데요. 만약 그.. 2017. 8. 16. phpStorm 디버깅 break point 안 잡힐 때 조치 phpStorm 디버깅 모드를 사용하다가 간혹 break point 에서 디버깅이 안 잡힐 때가 있다. 요청을 한 브라우저에서는 계속 돌고 있는 상태인데 phpStorm 디버깅 브레이킹이 걸리지 않는 경우 어떻게 조치해야할지 알아봤다. ▼ 우선 브라우저에서 요청이 pending 되어 있는 상태에서 phpStorm 디버깅 브레이크가 걸리지 않는다면 다른 곳에서 브레이킹이 걸려있는 경우가 있다. 이를 확인하려면 Run > Stop 또는 Show Running List 를 확인해주면 된다. ▼ 간혹 Running 쓰레드를 Stop을 했는데도 브레이킹이 잘 거리지 않는다면 Run > Break at first line in PHP scripts 를 On 으로 해서 테스트 해볼 수 있다. 그래도 되지 않는다면 O.. 2017. 8. 9. phpStorm 원격 DB 연결 방법 정리 phpStorm은 다양한 기능을 가지고 있는 만큼 자체적으로 ftp 를 통해 원격으로 소스 관리를 할 수 있을 뿐 만 아니라 원격으로 DB 연결도 가능한 IDE 입니다. 이번 포스팅에서는 phpStorm 을 이용한 원격 DB (카페24 호스팅, MySQL 기준) 방법을 정리해보도록 하겠습니다. ▼ 우선 phpStorm에서 Shift 를 두번 누르고 database 로 검색을 합니다. 그리고 Tool Windows에서 Database를 선택하면 IDE 우측에 세로로 database 항목이 나옵니다. ▼ 우측에 세로로 나온 Database 버튼을 누르고 초록색 + 버튼을 누르면 Data Source를 선택할 수 있습니다. 이곳에서 운영하는 DB를 선택하여 줍니다. ▼ 그러면 DB 연결 정보를 입력하는 팝업이.. 2017. 8. 8. phpStorm 원격 서버 연결 및 배포 (Deployment) phpStorm은 FTP/SFTP 를 통한 원격 서버 연결과 배포 기능을 포함하고 있습니다. 개인 프로젝트나 작은 규모의 프로젝트에서 활용하면 빠른 배포가 가능하며, 원격 서버에 있는 파일을 직접 수정할 수 있다는 장점이 있죠. ▼ Tool > Deployment > Configuration 을 클릭합니다. ▼ 녹색 + 버튼을 눌러 원격 서버를 추가합니다. 서버의 FTP 정보와 아이디 비번 등을 입력 후 Test FTP Connection 으로 접속 테스트를 합니다. 이상이 없으면 OK 버튼 클릭.추가로 Mapping 탭에서 원격 서버와 로컬 경로를 매핑 시켜줘야 합니다. 매핑이 완료되면 우측 Remote Host에 있는 소스들이 초록색으로 변합니다. 그리고 다운로드 받을 폴더를 선택하고 Download.. 2017. 7. 29. phpstorm 단축키 자주 쓰는 유용한 단축키만 모음 phpstorm으로 개발하면서 자주 쓰는 유용한 단축키만 따로 모아서 정리하고 있는 포스트 입니다. phpstorm 디폴트 단축키는 webstorm과 거의 동일하죠. 이클립스나 기타 다른 단축키가 익숙하다면 그 IDE 단축키로 설정을 바꿀 수도 있습니다. 아래 단축키 모음은 제가 자주 쓰는 단축키를 계속 정리하고 있는 메모입니다. [vcs]Art + ` : vcs 팝업 [beautify]Ctrl + Art + L : 소스 정렬Ctrl + + / - : 함수 등을 접었다 폈다 [Navigate]Art + 1 : 현재 파일을 프로젝트창에서 하이라이팅Ctrl + G : 라인 이동Ctrl + 마우스 클릭 : 해당 function, method로 이동Ctrl + } or { / ] or [ : 현재 있는 func.. 2017. 5. 24. 이전 1 2 3 다음
