728x90 반응형 Coding With Jina/TOOLS6 [VSCode] console.log 단축키 추가하기 VSC에서 자바스크립트 코딩 하다보면 console.log를 사용할 일이 엄청 많다.특히 나는 초짜라 중간 중간 확인해주면서 코딩을 짜기때문에 코딩의 반이 console.log같다. 예전에 자바 배울때에는 단축키 생성하는 게 있어서 조금 편했던 거 같은데 VSC에서는 없나 찾아보다가 발견!! 히히히 1) vscode의 상단메뉴> [File] → [Preference] → [Configure User Snippets] → javascript 검색vscode의 상단메뉴>[파일] → [기본설정] → [사용자조각코드구성] → javascript 검색 2) javascript.json 열고 주석처럼 입력하고 저장 3) 설정한 단축키로 사용해보기 아주 좋다!!👍👍👍👍👍 2024. 5. 8. [VSCode] 비주얼 스튜디오 설치 후 크롬 실행 안될때 / Live Sever 설치방법 ★ 단축키 Alt + l + o 를 눌렀는데도 크롬이 실행되지 않을때 → 비주얼스튜디오 안에 라이브 서버가 설치되어있지 않았기 때문 ★ Live Sever 설치방법 ① 비주얼스튜디오에서 확장 메뉴를 클릭 또는 왼쪽 메뉴 아이콘 중 가장 아래 확장 아이콘 클릭 또는 ctrl+shift+x ② 검색창에 Live Sever 치고 설치 클릭 ③ 설치 후 크롬으로 실행하고 하는 파일을 열고 alt+l+o를 누른다 ④ 완성~ 2022. 1. 11. [VSC] Prettier - Code fomatter 설치 방법 Prettier - Code fomatter : Visual Studio Code 툴에서 포맷시 코드를 예쁘게 정리해주는 확장 프로그램 1. Visual Studio Code 기본 설치 된 후에 설치할것 2. 방법 1) Visual Studio Code에서 Ctrl+Shift+X키 눌러서 검색창에 Prettier 검색하고 install 방법 2) 왼쪽에 있는 확장 버튼 눌러서 Prettier 검색하고 install 3. Installing이 끝나면 disable을 enable 확인 후 reload 하기 (그냥 vsc 프로그램 종료시켰다가 다시 켜기) 4. 왼쪽 아래 톱니바퀴모양(옵션)을 누르고 Settings(설정)에서 editor format on save를 검색 후 해당 칸에 체크를 눌러 활성화 8... 2020. 5. 11. [Repl] 온라인 컴파일러 Repl 사용법 노마드코더 바닐라자바스크립트에서 처음 알게 된 Repl 온라인에서 사용할 수 있는 툴이다. 설치 없이 사이트로 들어가서 아주 간단한 설정 후에 사용가능하다. https://repl.it/ The collaborative browser based IDE Repl.it is a simple yet powerful online IDE, Editor, Compiler, Interpreter, and REPL. Code, compile, run, and host in 50+ programming languages: Clojure, Haskell, Kotlin (beta), QBasic, Forth, LOLCODE, BrainF, Emoticon, Bloop, Unlambda, JavaScript, CoffeeS .. 2020. 5. 11. [VSCode] Visual Studio Code 기본 사용법 및 단축키 1) 기본 사용법 1-1. 공용 사용법 ① 단축키 * ctrl+b → 옆에 파일 열기 닫기 * alt+L+O → 크롬 실행 * ctrl+alt+방향키 → 상하 동시 커서(취소는 esc) * alt+shift+↓또는↑ → 해당 줄 전체 복사 * alt+↓또는↑→해당 줄이동 * ctrl+c / ctrl+v / ctrl+z 모두 사용 가능 * ctrl+shfit+k 한줄지워지는 것 1-2. 주석처리 ① HTML → ② CSS → /**/ ③ JavaScript → // 또는 /**/ 1-3. HTML ① html 파일 시작시에 !누르고 tab → 자동 기본 코드 작성됨 ② HTML 요소(element) → 콘텐츠 ③ 주석처리 → 또는 블록을 잡아서 ctrl+/ 1-4. CSS ① 기본 코드 없이 바로 작성 가.. 2020. 5. 7. [VSCode] Visual Studio Code 비주얼스튜디오코드 설치 가이드 1) Visual Studio Code 설치 1. https://visualstudio.microsoft.com/ko/free-developer-offers/에서 Visual Studio Code window x 64 다운로드 무료 개발자 소프트웨어 및 서비스 - Visual Studio 무료로 제공되는 제품: Visual Studio Community, Visual Studio Code, VSTS 및 Dev Essentials visualstudio.microsoft.com 2. C 드라이브에 새폴더(폴더명 : mentoring )만들기 3. 프로그램 실행 후 상단 파일 메뉴에서 폴더 열기 4. mentoring 폴더 선택 5. 오른쪽 메뉴바 제일 밑에 Extensions(확장) → Live Serve.. 2020. 5. 7. 이전 1 다음 728x90 반응형
