| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
- 코드다이어리
- frontend
- JavaScript
- 정규식표현
- 코딩테스트
- HTML
- CSS
- sass
- 코딩퀴즈
- row-gap
- vscode
- 코드일기
- 코딩문제
- scss
- DOM
- property
- Grid
- tailwindcss
- regexp
- CLASS
- Pseudo
- 선택자
- display
- Coda
- column-gap
- js
- 코딩일기
- 가상클래스
- 친해지기
- Today
- Total
목록vscode (3)
< Code diaries />
VS CODE - 코드 프린트(인쇄)하기 extension
STEP 1. Extension에서 'Print'라고 검색해서 설치합니다. STEP 2. 인쇄하고싶은 코드화면에서 마우스 우클릭하여 프린트화면을 미리보기합니다.(Print preview) STEP 3. 브라우저에 코드가 보이면 마우스 우클릭하여 'Print'메뉴를 선택하여 설정에 맞게 인쇄합니다.
[ HTML ] Emmet 문법 정리
궁모닝 에브리원~!! ^^ 오늘은 HTML을 마크업할때 VS code에서 사용하는Emmet 문법을 정리해 볼게요 Emmet HTML 마크업을 조금 손쉽게 해줄 수있는 기능이며 알게모르게 우리가 쓰고있는 것도 있어요.방법 몇가지를 소개 해 봅니다. 맨 하단에 Emmet 단축키를 정리해놓은 사이트를 링크 걸어 두었어요~! 1. VS Code에서 설정하기Emmet 기능이 적용되지 않는다면, 아래의 화면에서 확인한다. - cmd + shift + p 눌러서 emmet을 검색한다.- 첫번째 나오는 Emmet:Balance(inward)을 선택한다.- 사용시 주의할 점은 띄어쓰기를 하지 않는다.- 단축키를 띄어쓰기없이 입력후 Tab키를 눌러 실행한다. 2. 다양한 사용방법을 알아보자. css 선택자..
[VS code - Extention] Code Runner - 여러개의 Javascript문서를 실행하여 결과를 빠르게 확인하세요~!!
VS code 플러그인중에 javascript 코드를 바로 실행해 볼 수있는플러그인 Code Runner STEP 01 . 플러그인을 검색하세요 STEP 02 . install 버튼을 눌러 설치합니다. STEP 03 . 실행할 js 파일을 오픈합니다. test.js 파일을 아래와 같이 만들어봅니다. STEP 04 . Control + option + N을 누르거나, 마우스 우클릭메뉴에서 Run Code를 실행합니다. STEP end . 터미널의 Output 탭이 활성화 되면서, 실행결과를 볼 수 있습니다. 여러개의 javascript 파일을 열고, Run code를 실행하면 하나의 터미널창에서 여러문서의 결과를 볼 수 있습니다~!! 또는 node를 설치 후 nodemon..