VS Code

-

제가 웹이나 모바일 개발, README 작성 시 자주 사용하는 VS Code에 대해 기술합니다. 대부분의 확장자를 지원하기에 소스 분석에도 용이하므로 텍스트 에디터가 필요하시다면 설치 후 사용해보시기 바랍니다!

1. 프로그램 설치 및 실행하기

1) VS Code란?
VS Code(Visual Studio Code)는 마이크로소프트에서 오픈소스로 개발한 텍스트 에디터입니다. 일렉트론 프레임워크를 기반으로 만들어졌고, MS의 개발툴 중 최초로 크로스플랫폼을 지원하는 에디터로써 윈도우, Mac, 리눅스 모두 지원합니다.

2) VS Code 설치하기
VS Code는 공식 사이트에서 다운로드 받을 수 있습니다. 설치파일을 실행하여 설치를 진행하다보면 추가작업 선택이 나오는데 이때는 개인의 작업환경에 맞게 선택하면 됩니다. 참고로 "Code(으)로 열기" 항목은 체크하시는 걸 추천합니다.  이 항목을 체크해야 아래와 같이 파일을 VS Code로 바로 열 수 있습니다.

3) 마켓 플레이스 활용하기
VS Code는 텍스트 에디터이기에 추가로 필요한 기능은 마켓 플레이스에서 다운로드해서 사용합니다.

2. VS Code 기본 환경 구성하기

1) 언어 변경하기
① VS Code 상단 메뉴에서 View→Command Palette 선택(단축키 : Ctrl + Shift + P)

② 검색창에 cdl 입력 (CDL, Configure Display Language)

③ 원하는 언어 선택

2) 테마 변경하기
① VS Code 상단 메뉴에서 View→Command Palette 선택(단축키 : Ctrl + Shift + P)

② 검색창에 Preference: Color Theme 선택

③ 원하는 색상 선택

3. 주요 단축키

1) 주석 관련
- 한 줄(Line) 주석 토글하기 Ctrl + /
- 한 줄에도 적용가능하지만 여러 줄에도 사용 가능하다. (블록이 아닌 한 줄 주석이 여러 줄에 적용됨)

2) 들여쓰기 간격 설정
- Ctrl + Shift + P 누르고 Ident Using Spaces 또는 Ident Using Tabs 검색
- 그리고 들여쓰기 간격 숫자 조정

3) 기본 단축 기능
- Ctrl + F : 일치하는 텍스트 찾기
- Ctrl + H : 일치하는 텍스트 바꾸기
- Ctrl + ,(콤마) : 설정창 열기
- Ctrl + `(백틱) : 터미널 열기/닫기
- Ctrl + B : 왼쪽 탐색기 창 끄기/켜기
- Ctrl + ‘+’ / Ctrl + ‘-’ : 폰트 사이즈 조절
- Ctrl + 1 or 2 : 좌측 또는 우측 화면으로 포커스하기
- Ctrl + Pageup / Pagedown : 열어놓은 탭 왔다갔다 하기
- Ctrl + P : 메뉴에서 찾지말고, 파일 검색해서 빠르게 파일 열기

4) 코딩하는데 편한 단축키
- Shift + Alt + F / 전체 선택 후 Ctrl + K + F : 자동정렬
- Ctrl + G : 해당 라인을 이동하기
- F12 / Ctrl + 클릭 : 해당 함수 정의문으로 바로 이동
- Alt + F12 : 해당 함수 정의문 엿보기
- Ctrl + Shift + R : 코드를 함수나 변수로 감싸주는 기능 (리팩토링)
- Shift + Alt + (↑ ,↓) : 한 줄 복사
- Alt + (↑ ,↓) : 한 줄 이동
- Ctrl + Shift + K / Ctrl + X : 한 줄 삭제
- Ctrl + L : 코드 한 라인 블록으로 묶기
- Ctrl + D : 같은 단어 하나씩 선택 (밑으로 하나씩 선택됨)
- Ctrl + Shift + L : 같은 단어 전체 선택
- F2 : Ctrl + H 눌러서 모든 단어 바꾸는 기능을 한번에 가능
- Alt + Click : 멀티 커서
- Ctrl + Alt + (↑ ,↓) : 길다란 커서
- Shift + Alt + 마우스 드래그 : 자유 영역 지정
- Alt + Shift + I : 드래그된 모든 줄의 끝에 커서를 모두 생성
- 드래그 + ( : 문자를 자동으로 괄호로 묶어준다.
- Ctrl + .(점) : 에러 발생 시 없는 모듈 자동으로 찾아주기
- Alt + Shift + A : 블록 주석 묶기




출처 : https://inpa.tistory.com/entry/VS-Code-⏱️-유용한-단축키-정리





댓글

댓글 쓰기

이 블로그의 인기 게시물

USB 디스크 인식 해결방안

-
이미지
회사에서 같은 부서 직원이 USB가 고장난 것 같다며 버리려고 할 때, 문득 고칠 수 있겠다 생각이 들더군요. 그래서 구글링을 해보니 관련 내용이 있었고 그때 공부한 내용을 정리했습니다^^ 혹시라도 회사에서 누군가 USB를 버리려고 한다면 시도해보시길 ㅎㅎ  1. USB 디스크 파티션 할당하기 USB가 연결되지 않는 원인은 대부분 아래와 같이 디스크가 할당괴지 않은 경우입니다. 그렇기에 디스크 초기화 후 다시 할당해주면 대부분 해결됩니다. 1) 내 PC -> 관리 -> 디스크 관리 접속 2) 해당 파티션 클릭 -> 마우스 우측 클릭 -> 새 단순 볼륨 클릭 만약 위와같이 진행했을 때 새 단순 볼륨을 클릭했으나 팝업창이 나오지 않았다면 DOS 모드에서 파티션 초기화를 진행해야 됩니다;; 2. USB 디스크 파티션 할당하기 1) 명령 프롬프트에서 diskpart 입력 -> 실행을 동의하면 디스크 파트 도스창이 열립니다. 2) list disk 입력 3) 해당 디스크 번호로 sel disk 해당번호 입력 4) clean 입력 5) create partition primary 입력 6) format quick fs=ntfs 입력 7) active 입력 8) exit 입력 후 정상적으로 USB가 인식되는지 체크합니다. 출처 :  https://jcom.tistory.com/17
자세한 내용 보기

개발관련 용어정리

-
1. ASP.NET Core ASP.NET Core는 최신 클라우드 사용 인터넷 연결 앱을 빌드하기 위한 플랫폼 간 고성능 오픈 소스 프레임워크입니다. 2. Framework 프레임워크는 어떠한 목적을 달성하기 위해 복잡하게 얽혀있는 문제를 해결하기 위한 구조며, 소프트웨어 개발에 있어 하나의 뼈대 역할을 합니다. 3. Azure IoT 사물 인터넷 또는 IoT는 에지와 클라우드에서 수십억 개의 IoT 자산을 연결, 모니터링, 제어하는 관리형 서비스 및 플랫폼의 컬랙션입니다. 4. Cloud 클라우드 컴퓨팅이란 인터넷 기반의 컴퓨팅을 말합니다. 인터넷 상의 가상화된 서버에 프로그램을 두고 필요할 때마다 컴퓨터나 스마트폰 등에 불러와 사용하는 서비스입니다. 클라우드(Cloud)라는 단어가 말해주듯, 인터넷 통신망 어딘가에서 구름에 싸여 보이지 않는 컴퓨팅 자원을 원하는대로 가져다 쓸 수 있습니다. 5. On-premise 온프레미스(on-premise)는 소프트웨어 등 솔루션을 클라우드 같이 원격 환경이 아닌 자체적으로 보유한 전산실 서버에 직접 설치해 운영하는 방식을 말합니다. 온프레미스는 클라우드 컴퓨팅 기술이 나오기 전까지 기업 인프라 구축의 일반적인 방식이었기 때문에 “이전의” 또는 “전통적인”이라는 단어와 함께 사용됩니다. 6. 웹앱 클라우드 컴퓨팅이란 인터넷 기반의 컴퓨팅을 말합니다. 인터넷 상의 가상화된 서버에 프로그램을 두고 필요할 때마다 컴퓨터나 스마트폰 등에 불러와 사용하는 서비스입니다. 클라우드(Cloud)라는 단어가 말해주듯, 인터넷 통신망 어딘가에서 구름에 싸여 보이지 않는 컴퓨팅 자원을 원하는대로 가져다 쓸 수 있습니다. 7. Intranet 인트라넷(Intranet)은 단체의 직원만 접근이 가능한 사설망입니다. 인터넷 프로토콜을 쓰는 폐쇄적 근거리 통신망으로 간주됩니다. 근거리 통신망(LAN)을 기반으로 데이터 저장장치인 서버를 연결하고 PC에...
자세한 내용 보기