728x90 300x250 SMALL Front-end313 vscode 여러줄 주석 단축키 한 줄 주석 단축키 Ctrl + / 주석 적용한 라인에 커서를 두고 ctrl + / 를 동시에 누르면 한 줄 주석이 적용된다. 여러 줄 주석 단축키 Alt + Shift + a 여러 줄 주석을 적용할 시에는 주석을 적용할 구역을 블록지정한 후에 Alt + Shift + /를 동시에 누르면 여러줄 주석이 적용된다. css나 script도 같은 방법으로 주석 적용 가능하다. 2022. 4. 21. vs코드 html5 기초코드 자동생성 !를 누르면 Emmet 기능이 활성화된다. 엔터를 클릭하면 html boilerplate html 기초코드가 아래와 같이 생성된다. 여기서 !!!를 선택하면 doctype만 나온다. html:5 입력하고 tab키나 enter 키를 클릭해도 html:5 기초태그 자동완성을 할 수 있다. 2022. 4. 19. 크롬에서 console.log 안찍힘 해결방법 문제 갑자기 크롬에서 console.log가 안 찍힘 아무리 찍어도 안 나옴 이유 그 이유는 Filter 때문 검색한다는 걸 실수로 filter 영역에 잘못 적어버림 해결방법 filter 영역에 값을 적으면 콘솔에 출력된 내용 중에서 filter 영역에 해당되는 값만 나오게 된다. 일반적으로 공란으로 비워두면 모든 console.log 값이 출력된다. 또 다른 이유 만약 filter 영역이 비워져 있는데도 cosole.log가 안 찍힌다면 log Level이 설정돼있는 경우일 수도 있다. 위 와 같이 info Warnings Erros 이렇게 설정된 것이 기본 옵션인데 만약 아래 같이 설정되어있다면 경고나 에러일 경우만 콘솔 창에 출력되기 때문에 그 외에는 undefined가 뜨게 된다. 2022. 4. 13. SVG 별모양 그리기 (+ fill-rule 속성) 지난 포스팅에 작성했던 polygon을 이용하면 별모양도 만들 수 있다. 속성중에 다른건 다각형 그리기와 같은데 처음보는 속성이 있다. fill-rule 이 속성은 모양 내부의 채우기 규칙을 결정하는데 사용할 알고리즘을 정의하는 속성이다. fill-rule 속성은 다음의 SVG요소에 사용할 수 있다. fill-rule : nonzero | evenodd | inherit fill-rule 속성값 nonzero, evenodd 2지가 옵션을 살펴보자 어떤 영역이 도형의 내부인지를 판단한다. 여기에 대한 설명을 찾아보았다. nonzero : 해당 점에서 임의의 방향으로 무한대로 선을 그린다음 세그먼트가 광선과 교차하는 위치를 검사하여 모양의 한 점의 "내부"를 결정합니다. 0부터 시작하여 경로 세그먼트가 왼.. 2022. 4. 11. 이전 1 ··· 30 31 32 33 34 35 36 ··· 79 다음 728x90 반응형 LIST