Visual studio code의 유용한 툴

visual studio code에서 유용한 확장툴

• Prettier - 코드를 이쁘게 포맷해줌

• Material Icon Theme - 파일확장자이미지가 이쁘게 변한다.

• material Theme - 색상디자인 이쁘게 하는 것

• Bracket Pair Colorize -괄호마다 짝지어서 색깔을 정해줌

• indent-rainbow - 인덴트마다 색깔부여

• Auto rename tag - 앞태그를 바꾸면 뒤태그도 자동으로 수정된다.

• Css peek -커맨드를 누르고 html class를 누르면 css정의로간다.

• HTML CSS support - css에 맞게 html 코드를 제안 추천해줌.

• HTML to CSS autocompletion - html클래스에 맞는 css를 추천

• live server - html 수정하고 사이트에서 F5(새로고침) 할필요없이 바로 사이트가 수정되는 것을 확인할 수 있따.

HTML

👉 마크다운과 html에서 텍스트 정렬 2022.05.24

👉 마크다운과 html 에서 이미지 정렬 2021.05.07

👉 Markup(html)을 사용한 특수문자  ---  제목 2021.05.05

👉 HTML5 Data 속성 2021.04.03

👉 HTML의 다양한 태그 2021.04.02

👉 Visual studio code의 유용한 툴 2021.04.01

👉 HTML 기초 2021.04.01

Frontend

👉 pinia기본 2023.05.05

👉 github pages에서 vue router 404 에러 2023.04.03

👉 object의 변수인 경우 ref와 reactive 어느 것을 사용할까 2023.04.02

👉 Route 2023.04.01

👉 Template ref 2023.03.26

👉 provide와 inject 2023.03.25

👉 slots 2023.03.24

👉 nonProps 2023.03.23

👉 v-model을 통한 3depth 양방향 바인딩 2023.03.22

👉 emit, component와 v-model을 통한 양방향 바인딩 2023.03.21

👉 props 2023.03.20

👉 watch 2023.03.19

👉 양방향 바인딩 2023.03.18

👉 event Parameter 2023.03.17

👉 Scope와 Closure 2023.03.17

👉 classStyleBinding 2023.03.16

👉 computed 2023.03.15

👉 Ref와 Reactive 2023.03.14

👉 notion page를 웹사이트에 삽입하기 2022.01.25

👉 간단한 반응형 메뉴갖는 웹 만들기 2021.08.04

👉 Json 2021.04.16

👉 Javascript 배열 2021.04.15

👉 Javascript 객체 2021.04.14

👉 Javascript 클래스 2021.04.13

👉 Javascript 함수 2021.04.12

👉 Javascript 변수심화 2021.04.11

👉 Javascript 변수 2021.04.10

👉 CSS Centering 2021.04.09

👉 CSS flexbox 2021.04.08

👉 CSS 변수 2021.04.07

👉 CSS Size 2021.04.06

👉 CSS layout 2021.04.05

👉 CSS 기본 2021.04.04

👉 HTML5 Data 속성 2021.04.03

👉 HTML의 다양한 태그 2021.04.02

👉 Visual studio code의 유용한 툴 2021.04.01

👉 HTML 기초 2021.04.01