본문 바로가기
728x90
반응형

📌 통합 개발 환경(IDE)/└ Visual Studio Code6

[VS Code] VScode에서 폰트 설정과 크기 설정 👉 폰트 설정 👉 코드 영역 - 폰트 크기 설정 👉 실행 영역(터미널) - 폰트 크기 설정 2024. 7. 15.
[VS Code] VScode에서 console.log 단축키 추가하기 자동완성 단축키 추가 및 사용법1) 사용자 코드 조각 구성 선택👉 File > Preference > Configure User Snippets 👉 파일 > 기본 설정 > 사용자 코드 조각 구성 2) 자동완성 적용👉 javascript.json 언어 선택 (자바스크립트) 👉 typescript.json 언어 선택 (타입스크립트)👉 "console.log print" : { ... }prefix는 자동단축키 약어를 설정body는 위 자동단축키 약어를 사용했을 경우 나타나는 문구description은 해당 자동단축키의 설명아주 직관적으로 console.log라서 cl으로 자동 완성 문구를 설정했다😏 "console.log Print" : { "prefix": "cl", "body": [ ".. 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.
728x90
반응형