📌 통합 개발 환경(IDE)7 [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. [STS] Spring Tool Suite(STS) 자주 사용하는 단축키 블록단축키의미응용Shift + ←Shift + →좌우로 한 캐릭터 단위 블록Shift + ↑Shift + ↓상하로 한 줄 단위 블록세로 편집 모드에서 사용시 줄이 아닌 캐릭터로 블록Ctrl + Shift + ←Ctrl + Shift + →좌우로 단어(캐릭터의 대소구별) 단위 블록Shift + Alt + ↑ ( ←, → )연속된 문자열 블록변수명이나 메소드명 블록(↑추가 입력시 중괄호 전체를 블록 가능하며 ←, → 키를 입력시 메소드 단위로 추가 블록 가능, ↓입력시 시간 역순으로 블록에서 제외)Shift + HomeShift + End커서 위치 부터 줄의 처음/끝까지 블록줄 전체를 블록하는 경우 커서를 줄의 처음이나 끝으로 이동(Home/End키) 시킨 후 사용Ctrl + Shift + HomeCtrl .. 2024. 5. 30. [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. [STS] 화면 리셋, 레이아웃 리셋 이클립스나 STS 상단 Window > Perspective > Reset Perspective Reset Perspective 클릭그러면 첫 초기 화면 레이아웃으로 변경될 것이다. 초기화 후에 로그보는 하단 화면이 평소 쓰는것들과 다르게 달라졌다면,Window > Show View 를 클릭하면 화면 종류들이 나올 것이다.원하는 것을 선택 2024. 5. 16. [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 반응형
