어제 오늘 내일

VSCode의 Command Palette 를 이용하여 대문자를 소문자로, 소문자를 대문자로, 첫글자는 대문자, 나머지 글자는 소문자인 Title case 로 문자를 변환할 수 있습니다. 대문자로 변환(Uppercase) 1. 대문자로 변환하려고 하는 텍스트 영역을 선택합니다. 2. Ctrl + Shift + P 단축키로 Command Palette를 엽니다. 3. 'Transform to Uppercase'를 검색하여 선택합니다. 소문자로 변환 (Lowercase) 1. 소문자로 변환하려고 하는 텍스트 영역을 선택합니다. 2. Ctrl + Shift + P 단축키로 Command Palette를 엽니다. 3. 'Transform to Lowercase'를 검색하여 선택합니다. 첫글자는 대문자, 나머지는..

VSCode 편집 기능 중, 한 줄 전체를 복사, 이동, 삭제하는 방법입니다. 한줄 복사 Shift + Alt + (↑, ↓) 복사하려는 행에 커서를 두고, Shift + Alt + (↑, ↓) 단축키를 실행하면 해당 행이 그대로 복사되어, 해당 행의 위(↑) 또는 아래(↓)에 복사됩니다. 한줄 이동 Alt + (↑, ↓) 이동 시키려는 행을 선택 한 후, Alt 키와 위아래 방향키를 누르면 해당 행이 위 아래로 이동합니다. 한줄 삭제 Ctrl + Shift + K 삭제 하려는 행에 커서를 두고, Ctrl + Shift + K 단축키를 누르면 해당 행 전체가 삭제됩니다. 코드 편집 단축키를 잘 활용하면, 효율적으로 코드를 편집할 수 있습니다.

VSCode에서 좀 더 편리하게 코드를 수정하는 방법을 알아보고 있습니다. [VSCode] 다중 커서 - 여러줄 선택 하는 2가지 방법 (세로 선택) [VSCode] 다중 선택 - 커서를 여러개 추가하기 VSCode는 같은 단어를 모두 선택하여, 한번에 변경하는 기능을 제공합니다. 코드 리팩토링 시, 변수명을 변경해야 할 때 유용한 기능입니다. Ctrl + Shift + L 1. 변경하려는 단어를 선택하고 2. Ctrl + Shift + L 단축키를 누르면, 선택한 단어와 같은 단어가 모두 선택됩니다. 3. 이 때, 단어를 수정하면, 동시에 수정이 됩니다. Ctrl + D 위의 Ctrl + Shift + D 단축키를 사용하면, 선택된 단어(변수)와 같은 단어가 모두 선택되고, 변경됩니다. Ctrl + D..

VSCode에서 개발 생산성을 높여주고, 좀 더 편리하게 코드를 수정하는 방법을 알아보고 있습니다. [VSCode] 다중 커서 - 여러줄 선택 하는 2가지 방법 (세로 선택) [VSCode] 다중 선택 - 같은 단어(변수) 모두 선택하여 수정하는 2가지 방법 지난 내용은 위 링크를 참조하세요. VSCode는 원하는 위치에 커서를 여러 개 추가하여 동시에 같은 내용을 추가할 수 있는 기능을 지원합니다. Alt + Click 1. Alt 키를 누른 채로, 커서를 추가하고 싶은 부분을 차례로 클릭합니다. 2. 선택이 완료되면 Alt 키에서 손을 떼고, 해당 부분을 수정하면 커서가 위치한 모든 부분에 같은 내용이 반영됩니다.

VSCode에서 개발 생산성을 높여주고, 좀 더 편리하게 코드를 수정하는 방법을 알아보고 있습니다. [VSCode] 다중 선택 - 커서를 여러개 추가하기 [VSCode] 다중 선택 - 같은 단어(변수) 모두 선택하여 수정하는 2가지 방법 다른 내용은 위 링크를 참조하세요. VSCode는 세로 선택 기능을 지원합니다. 세로로 여러 줄을 동시에 선택하여, 동시에 수정할 수 있는 기능입니다. 다음은 키보드와 마우스를 이용해서 세로 영역을 선택할 수 있는 두 가지 방법입니다. Ctrl + Alt + (↑, ↓) 1. Ctrl + Alt 키를 누른 상태에서 위, 아래 방향 화살표로 세로 선택 영역을 조절합니다. 2. 세로로 여러 줄이 선택 된 상태에서, Shift + (←, →) 단축키로 가로 영역을 선택 할 수..

VSCode에서 파일명으로 파일을 검색하여 파일을 찾는 방법입니다. 'GO > Go to File' 또는 단축키 'Ctrl + P' Go > Go to File 메뉴를 이용하거나, 단축키 Ctrl + P를 이용해 파일 검색창을 엽니다. 검색창에 검색하려는 파일 명을 입력하면 아래와 같이, 검색된 파일이 나타납니다. 마우스나 키보드의 화살표를 이용하여 파일을 선택합니다. 파일 선택 후, 엔터키를 입력하면 해당 파일이 열립니다. 멀티 파일 열기 아래와 같이, 검색 결과가 여러건이 나오고, 그 중 여러 파일을 열려고 할때는 키보드의 오른쪽 화살표(→) 를 이용합니다. 파일을 선택하고, 엔터키 대신 오른쪽 화살표(→)를 입력하면 해당 파일이 열리고, 검색창은 닫히지 않고 유지되기 때문에, 다른 파일을 다시 선택..

VSCode 에디터의 글자 크기는 디폴트로 settings.json 파일에 정의된 크기로 고정됩니다. 하지만, Ctrl 키와 마우스 휠 스크롤로 크기를 조절할 수 있도록 설정할 수 있습니다. 1. 설정 메뉴에 들어갑니다. 다음 중 한가지 방법을 선택하여 설정 메뉴에 들어갑니다. File > Preperences > Settings 메뉴 이용 화면 왼쪽 하단의 톱니바퀴 모양의 '설정' 아이콘 이용 단축키 : Ctrl + , 이용 2. User > Text Editor > Mouse Wheel Zoom 이 항목의 체크박스를 체크하면 마우스 휠로 텍스트 에디터를 확대/축소 할 수 있습니다. 텍스트 에디터에서 Ctrl 키를 누른 채로 마우스 휠을 위아래로 조작하면 화면이 확대/축소 됩니다. (Ctrl + 마우스..

프로그래밍을 할 때 들여쓰기를 어떻게 하느냐는 가독성을 위해 중요한 문제입니다. space 2칸, 4칸, 또는 Tab을 사용하는 것 중 어느 것을 선택해도 문제가 없지만 중요한 것은 일관성을 유지하는 것입니다. 그래서, 지금 사용한 indent가 3칸인지, 4칸인지, Tab인지를 확인하는 것이 중요합니다. 여기서는 VSCode에서 공백 문자를 표시해 주는 기능을 활성화 해 보도록 하겠습니다. 1. 설정 메뉴에 들어갑니다. 다음 중 한가지 방법을 선택하여 설정 메뉴에 들어갑니다. File > Preperences > Settings 메뉴 이용 화면 왼쪽 하단의 톱니바퀴 모양의 '설정' 아이콘 이용 단축키 : Ctrl + , 이용 2. User > Text Editor > Render Whitespace 아..

기본적으로 VSCode는, 파일 수정 후 사용자가 '저장'을 실행하야만 파일이 저장됩니다. VSCode는 사용자가 파일 저장을 따로 실행하지 않아도 파일이 수정되면 자동으로 저장이 되도록 설정할 수 있습니다. 1. Setting(설정) 메뉴에 들어갑니다. 다음 중 한가지 방법을 선택하여 설정 메뉴에 들어갑니다. File > Preperences > Settings 메뉴 이용 화면 왼쪽 하단의 톱니바퀴 모양의 '설정' 아이콘 이용 단축키 : Ctrl + , 이용 2. User > Text Editor > Files Auto Save, Auto Save Delay 속성을 이용하여 자동 저장을 설정할 수 있습니다. Auto Save Auto Save 속성은 다음의 값들을 가질 수 있습니다. off : 자동 저..

VSCode로 작업을 하다 보면 왼쪽의 파일 트리에서 파일을 선택하여 오픈할 때 선택한 파일이 '새 탭'에서 열리는 것이 아니라, 기존에 다른 파일이 열려 있던 탭에, 새로 선택한 파일이 열려서 난감한 일이 발생하기도 합니다. 이런 일이 생기는 이유와 해결 방법을 알아보도록 하겠습니다. Preview(미리보기) 모드 vs Edit(편집) 모드 VSCode의 explorer에서 파일을 여는 방법은 preview모드와 edit모드 두 가지가 있습니다. 왼쪽의 file explorer에서 파일을 '더블 클릭'해서 열면 'edit(편집) 모드'로 파일이 열리고, '싱글 클릭'으로 파일을 열면 'preview(미리보기) 모드'로 파일이 열립니다. preview 모드로 열린 파일은 이탤릭체로 표시됩니다. 아래에서 ..