vscode

    VSCode (Visual Studio Code) HTML 자동 완성 (템플릿)

    코드 입력란에 HTML:5 입력 후 Enter키를 누르면 빠르게 HTML 템플릿을 구성할 수 있습니다.

    VSCode(Visual Studio Code) 알아두면 유용한 단축키

    Linux와 Windows 운영체제에서는 동일한 단축키 조합이지만, macOS에서는 Ctrl키가 Command키로 대체됩니다. 검색 관련 단축키 키 조합 내용 Ctrl + E 파일명 검색 Ctrl + Shift + F 현재 열려있는 워크스페이스를 기준으로 모든 파일에서 특정 문자열을 모두 검색 Ctrl + F 현재 열려있는 문서 파일을 기준으로 특정 문자열을 검색 Ctrl + D 검색한 문자열이 복수일 경우 검색한 문자열을 순차적으로 다음 문자열로 이동 Ctrl + R 프로젝트 검색 워크스페이스, 작업 파일 관련 단축키 키 조합 내용 Ctrl + N 새 탭 열기 Ctrl + O 선택한 경로의 파일 열기 Ctrl + Tab 다음 파일 열기 Ctrl + Shift + Tab 이전 파일 열기 코드 수정 관련 ..

    macOS에서 VSC(Visual Studio Code)설정 초기화 혹은 완전삭제 하는 방법

    프로그래밍할 때 반드시 사용하는 IDE중 하나인 vscode에서 작업을 하다보면 때때로 설정이 너무 지저분하거나, 확장 플러그인의 꼬임으로 인해서 초기화를 해주어야 할 때가 있습니다. VSC 설정 및 설치된 확장 플러그인 목록 완전 제거 방법 반드시 관리자(root)가 아닌 일반 사용자(User)로 진행해야합니다. rm -rf ~/.vscode 위 커맨드를 터미널에서 실행할 경우 VSC의 모든 설정 및 확장 플러그인을 완벽하게 제거가 가능합니다. 단순히 확장 플러그인의 꼬임으로 인해 문제가 발생한 경우 위 커맨드를 이용해서 간편하게 초기 상태로 복구할 수 있습니다. (Applications에서 VSC를 삭제 후 재설치할 필요가 없습니다.) 완전 제거 방법 rm -rf ~/.vscode 1. 단순 확장 플..

    Visual Studio Code(VSC)에서 다중 커서를 사용하는 방법

    Visual Studio Code를 이용해 코딩을 할 때 때때로 여러 줄을 동시에 작업해야 할 때가 생기곤 합니다. 다중 커서를 사용하는 방법을 모른다면 모두 일일히 수정을 하거나 작성 또는 작성 후 복사&붙여넣기를 해주어야하지만 다중커서 기능을 사용하면 보다 편리하고 빠르게 작업이 가능합니다. 1. 특정 라인을 지정해서 작성해야 할 때 Windows, MacOS : Alt + Left Mouse Button 클릭으로 선택 가능합니다. 2. 현재 커서가 위치한 라인 상/하 선택 및 이동 현재 커서가 위치한 라인을 기준으로 상, 하 복수선택이 가능하며 선택된 상태에서 다른 라인으로 이동또한 가능합니다. Windows : Ctrl + Alt + Up/Down Arrow MacOS : Command + Alt..

    VSCode SSH를 이용해 원격 서버에서 개발하기

    프로그래밍을 하면서 서버를 이용해야할 일은 매우 많다. 이는 서버에서 돌아가고 있는 프로그램의 유지보수 혹은 기능 추가등 여러가지 이유로 서버에 접속해서 파일을 수정해야할 일도 증가한다는 의미를 가지고있다. 실서비스중인 서버일 경우 우선 개발자의 로컬 환경에서 테스트를 하고 업데이트 하기도 하지만 실서비스가 아니거나 공부목적등의 이유로 돌아가고 있는 서비스를 직접 건드려야 하기도 한다. 이럴 경우 대부분의 개발자들은 SSH를 이용하여 원격 서버에 접속해 작업을 하곤 하는데, vi, vim, nano등 여러가지 텍스트 에디터가 존재하지만 텍스트 인터페이스는 지속적이고 오랫동안 계속되는 작업을 하기에 적합하지가 않다. 이런 텍스트 UI를 가진 편집기들을 오래 사용하면 할수록 피로도가 상승하고 능률이 떨어지기..

    개발 IDE VScode 설치 및 사용방법

    개발자라면 누구나 자신이 애용하는 IDE 하나정도는 있기마련이다. 자신이 사용하는 OS, 언어별로 이 IDE의 선택여부가 갈리기도한다. 그중에서도 인기있고 이름있는 IDE인 VScode 설치방법 및 사용방법에 관련한 포스팅을 해보려고한다. 우선 VScode는 MicroSoft에서 개발한 IDE답게 MicroSoft 공식 VScode 홈페이지에서 다운로드받아 설치할 수 있다. 설치는 이 링크를 통해 받을 수 있다. 위 링크를 따라 들어가면 Vivusal Studio Code 공식 홈페이지로 들어가게된다. 위 사이트에 접속했다면 왼쪽 중간부분 Download for Mac과 같은 버튼이 보일것이다. (필자가 사용하는 컴퓨터가 Mac이기 때문에 Mac전용으로 나온다. 이는 윈도우로 접속할시 윈도우 전용 다운로..

    Visual Studio Code 소스코드 정렬(들여쓰기) 단축키

    ※ 해당 문서는 업데이트가 중지되었습니다. ※ 아래 작성된 코드 정렬 방법은 여전히 잘 작동 하지만, 조금 더 간결하게 정리되어있고 더욱 많은 유용한 Visual Studio Code의 단축키에 대해 정리한 글은 이 링크에서 확인하실 수 있습니다. 프로그램을 작성할 때 대부분의 프로그래머는 가독성을 위해 코드를 정리(정렬)한다. 코드를 정리(정렬)하는 방식 중 대표적으로 들여쓰기를 해주는데, 아래 코드와같이 들여쓰기가 전혀 되지 않은 상태의 코드가 존재 할 때 정렬하고자 하는 코드영역을 드래그해준 뒤 Ctrl + K + F 커맨드 입력시 아래와 같이 선택한 코드의 영역이 자동으로 들여쓰기되어 정렬된다. 대부분 코드를 웹에서 복사하여 붙여넣을 때 정렬되지 않은 코드 영역이 발생하게 되는데, 이 때 해당 기..