📌 통합 개발 환경(IDE)/└ Visual Studio Code5 [VS Code] VScode에서 console.log 단축키 추가하기 자동완성 단축키 추가 및 사용법1) 사용자 코드 조각 구성 선택👉 File > Preference > Configure User Snippets 👉 파일 > 기본 설정 > 사용자 코드 조각 구성 2) 자동완성 적용👉 javascript.json 언어 선택👉 "console.log print" : { ... }prefix는 자동단축키 약어를 설정body는 위 자동단축키 약어를 사용했을 경우 나타나는 문구description은 해당 자동단축키의 설명아주 직관적으로 console.log라서 cl으로 자동 완성 문구를 설정했다😏 "console.log Print" : { "prefix": "cl", "body": [ "console.log();" ], "description": "Log ou.. 2024. 6. 2. [VS Code] VScode에서 JSP 확장프로그램 설치 VS Code 로컬에서 JSP 작업 환경 구성확장 프로그램 설치 (Ctrl + Shift + X)Debugger for JavaTomcat for JavaJSP Language Support 2024. 5. 29. [VS Code] Visual stdio code 한글 깨짐 현상 해결 방법 🎯 GoalVisual stdio code 한글 깨짐 현상을 해결할 수 있다.UTF-8 ▶ Korean (EUC-KR)⚠️ 문제 현상Visual Studio Code로 파일을 열어보니 한글로 작성된 부분이 모두 깨져 있다.💊 해결 방법1) vscode 하단부 encoding type 을 보면 UTF-8로 되어있을 것이다. 2) ctrl+shift+p ▶ encoding 검색 ▶ Change File Encoding 3) Save with Encoding 선택 잠깐 변경해서 view만 하고 싶은 거면 reopen with encoding 인코딩 타입을 바꿔서 자동 저장까지 하고 싶은 코린이는 save with encoding를 선택 4) Korean (EUC-KR) 선택📝 조치 결.. 2024. 5. 29. [VS Code] 단축키 모음 기본 편집 단축키단축키 구분핵심 설명Ctrl + X커서 위치 행 삭제(잘라내기)커서 행 코드가 필요 없을 경우 드래그로 선택하지 않고, 해당 행에 커서를 놓고 Ctrl + X로 행을 삭제(잘라내기)합니다.Ctrl + Shift + K커서 위치 행 삭제커서 행 코드가 필요 없을 경우 드래그로 선택하지 않고, 해당 행에 커서를 놓고 Ctrl + Shift + K로 행을 삭제합니다.Ctrl + C커서 위치 행 복사커서 행 코드를 반복해서 사용해야 할 경우, 해당 행에 커서를 놓고 Ctrl + C로 행을 복사합니다.Ctrl + Enter커서 아래 행 빈줄 생성커서를 맨 뒤로 보낸 후 Enter를 쳐서 빈 행을 생성할 수 있지만,행의 코드 중간 부분에서도 Ctrl + Enter 단축키를 사용할 경우 더욱 쉽게 커.. 2023. 5. 1. [VS Code] 설치 및 확장플러그인 범용 익스텐션Prettier - Code formatter (주요 문법(HTML, SCSS, JSON 등)을 예쁜 형태로 정리)Beautify (에디터 내 코드를 예쁘게 정렬)Beauty (자동 줄맞춤 - 원하는 줄맞춤 구간을 드래그 후 ctrl + shift + b)Material Icon Theme (아이콘이 큼직하기 때문에 무슨 파일인지 한눈에 알 수 있다.)indent-rainbow (HTML을 마크업할 때나 SCSS 내에서 depth가 생길 때 요긴합니다.)Live Server (실시간으로 확인하면서 작업이 가능하기에 편리)Open Browser Preview (html파일 오른쪽 버튼 "Preview in Default Browser" 실시간확인가능)Korean Language Pa.. 2023. 5. 1. 이전 1 다음 728x90 반응형
