728x90 반응형 Environment/IDE7 [VSCode] REST Client, API 테스트 및 디버깅 도구 활용하기 REST Client REST 클라이언트 (또는 RESTful API 클라이언트)는 Visual Studio Code에서 RESTful API로 HTTP 요청을 보내고 직접 응답을 볼 수 있게 도와주는 확장 플러그인입니다. 설치 방법Visual Studio Code를 열고, F1 키를 눌러 명령어 팔레트를 엽니다. "ext install"을 입력하고, "REST Client"를 검색한 후 설치합니다. REST Client - Visual Studio MarketplaceExtension for Visual Studio Code - REST Client for Visual Studio Codemarketplace.visualstudio.com 사용 방법Visual Studio Code에서 .http 파.. 2024. 5. 17. [VSCode] 터미널 콘솔 라인 길이 늘리는 방법 방법1. 하단에 설정으로 이동 ( 단축키 : ctrl + ,) 2. 기능 > 터미널 이동 3. scrollback 크기 변경 2024. 4. 30. [VSCode] VSCode로 보는 IDE 단축키 비교 | IntelliJ, Eclipse, Visual Studio Code VS Code 단축키 설정 방법1. 단축키 사용Ctrl + K를 누른 후, 바로 Ctrl + S를 누릅니다. (Ctrl + K, S 조합)으로 단축키 설정 화면을 엽니다. 2. 명령 팔레트 이용Ctrl + Shift + P (macOS: Cmd + Shift + P)를 눌러 명령 팔레트를 연 다음, Keyboard Shortcuts를 검색하여 선택합니다. 단축키 비교하기기능VSCode IntelliJ Eclipse Visual Studio자동 완성, 인텔리센스 Ctrl + SpaceCtrl + SpaceAlt + RightSmartType code completion Ctrl + Shift + Space- Reformat, Code Tidy Ctrl + Shift + F Ctrl + Alt + LCt.. 2024. 4. 29. [VSCode] 확장 플러그인 추천 | ES7 React, vscode-eslint, prettier-vscode 개요개발 편의성을 높히기 위한 플러그인을 활용 방법 을 정리하고 플러그인을 추천하는 문서입니다. 설치한 플러그인(확장 프로그램) 목록 확인1. VS Code UI에서 확인VS Code 열기왼쪽 사이드바에서 아래 아이콘 클릭 또는 Ctrl + Shift + X 상단의 "Installed" 탭에서 설치된 확장 목록 확인 2. 터미널 명령어로 확인아래 명령어는 실행 결과로 설치된 확장들의 ID 목록을 출력합니다.code --list-extensions 이름과 버전까지 조회하기code --list-extensions --show-versions 플러그인 목록을 파일로 저장하기code --list-extensions > extensions.txt 플러그인 추천1. vscode-eslintESLint 지원.. 2024. 3. 12. [VSCode] vscode javascript 디버깅 설정 개요Visual Studio Code의 주요 기능 중 하나는 뛰어난 디버깅을 지원하고 있다.Node.js 런타임 에 대한 디버깅 지원이 내장되어 있으며 JavaScript, TypeScript 또는 JavaScript로 트랜스파일되는 기타 언어를 디버깅도 가능하다. 이러한 내장 디버거를 활용하면 편집, 컴파일 및 디버그 루프를 가속화하는 데 도움이 된다.이번 포스팅에서는 JavaScript 디버깅 설정 방법과 node.js환경과 브라우저환경에서 디버깅 하는 방법을 정리해보았다. Visual Studio Code 디버깅 지원 기능 확인Visual Studio Code의 주요 기능 중 하나는 뛰어난 디버깅 지원입니다. VS Code에 내장된 디버거는 편집, 컴파일 및 디버그 루프를 가속화하는 데 도움이 .. 2024. 1. 26. JavaScript 코드 컨벤션 (Code Convention) | ESLint, Prettier 프로젝트 연결 방법 1. 프로젝트 내 라이브러리 설치$ npm install eslint --save-dev 2. 프로젝트 내 설정 파일 '.eslintrc' 생성 1) 직접 파일 추가하기2) npx 사용하기$ npx eslint --init 3. eslintrc 규칙 작성- eslint 제공하는 룰에서 낱개 사용 방법- eslint 제공하는 룰 규칙 전체 사용 방법 4. 프로젝트 내 실행$ npx eslint app.js$ npx eslint $ npx eslint app.js --fix Eslint 코드 규칙은 아래 링크에서 확인 가능https://eslint.org/docs/latest/rules/ Rules Reference - ESLint - Pluggable JavaScri.. 2024. 1. 9. [VSCode] 에디터 코드를 고급스럽게 검색 하는 방법 검색 단축키Ctrl + F → 현재 열린 파일에서 원하는 문자열 검색Enter → 다음 결과로 이동Shift + Enter → 이전 결과로 이동 정규표현식 사용Alt + R을 사용해서 조건부 검색을 할 수 있습니다.한글로 된 부분만 검색하기[^\x00-\x7F]+ function으로 시작하는 함수 정의 검색function\s+\w+한 줄 주석 전체 검색//.*let으로 선언된 변수 찾기let\s+\w+TODO로 시작하는 주석 찾기//\s*TODO.*숫자로만 구성된 줄 검색^\d+$공백으로 시작하는 줄 검색( 들여쓰기 확인용)^\s+ 포함할 파일/제외할 파일검색에서 제외하고 싶은 경로는 설정을 통해 검색 대상에서 제외할 수 있습니다. 의존성 모듈이나 서브모듈 등 특정 파일을 검색에서 제외하고 싶다면, .. 2023. 12. 18. 이전 1 다음 728x90 반응형
