[패스트캠퍼스] React& Redux로 시작하는 웹 프로그래밍 강의 수강 1주차(2)
VSCode 확장 프로그램(플러그인) 모음
한글화: Korean Language Pack for Visual Studio Code
VSCode를 한글화 해주는 확장 프로그램으로, 메뉴, 폴더명 등이 한글로 변경 됨.
태그 이름 한 번에 변경: Auto Rname Tag
시작태그와 종료태그를 동시에 수정할 수 있음.
실시간으로 브라우저에 출력: Live Server
*Live Server는 개발을 위해 임시로 로컬 서버(내 컴퓨터 환경)를 오픈하는 것이며, 제품(Product)은 실제 호스팅 서버(사용자들이 접근 가능한)에 업로드 해야함.
VSCode 단축키 모음
*개인적으로 중요하다고 생각하는 단축키
기능 | Windows | MacOS |
사이드 바 열기/닫기 | Cmd + B | Ctrl + B |
빠른 열기(파일이나 기호 탐색) | Cmd + P | Ctrl + P |
모든 명령 표시 | Cmd + Shift + P | Ctrl + Shift + P |
편집기 닫기 | Cmd + W | Crtl + W |
찾기(검색)-현재 문서에서 | Cmd + F | Ctrl + F |
찾기(검색)/바꾸기(대체) | Cmd + Alt(Opt) + F | Ctrl + H |
줄 위로 이동 | Alt(Opt) + Up(↑) | Alt + Up(↑) |
줄 아래로 이동 | Alt(Opt) + Down(↓) | Alt + Down(↓) |
아래에 줄 복사 | Alt(Opt) + Shift + Down(↓) | Alt + Shift + Down(↓) |
위에 줄 복사 | Alt(Opt) + Shift + Up(↑) | Alt + Shift + Up(↑) |
되돌리기 | Cmd + Z | Ctrl + Z |
들여쓰기(Indent, 권장 공백: 2) | Tab | Tab |
내어쓰기(Outdent) | Shift + Tab | Shift + Tab |
코드 정렬하기 | Cmd + K + F | Ctrl + K + F |
이전 편집기 열기(좌측 창으로 전환) | Cmd + Shift + [ | Ctrl + PageUp |
다음 편집기 열기(우측 창으로 전환) | Cmd + Shift + ] | Ctrl + PageDown |
편집기 분할(Open to the Side) | Cmd + \(백 슬래쉬) | Ctrl + \ |
'[패캠] React& Redux로 시작하는 웹 프로그래밍' 카테고리의 다른 글
CSS 개요 - 문법, 선택자 등 (0) | 2022.09.17 |
---|---|
HTML 전역 속성 (0) | 2022.09.14 |
HTML 핵심 요소(태그) 정리 (0) | 2022.09.14 |
HTML 문서 기본 (0) | 2022.09.06 |
프론트엔드(Front-End) 개요 (0) | 2022.08.11 |