web sprit

기본 단축키 Alt + Z 코드를 한줄로 보거나 한 화면에 보거나 하는 토글 단축키 Ctrl + K S 열려있는 탭 모두 저장. 단축키 설정 - Wrap with Abbreviation(Ctrl + Shift + G) Emmet에 있는 기능 명령창(Ctrl + Shift + P)를 열어 wrap을 검색 하면 아래 내용이 나오는데 "Wrap with Abbreviation" 선택해서 태그를 입력(ex: li, li*)하면 선택영역을 태그로 감싸준다. Emmet: Wrap with Abbreviation ----- O Emmet: Wrap Individual Lines Abbreviation 명령창에서 검색해서 단축키 지정 가능하다. 검색하여 나오는 단어에 마우스를 데어보면 우측에 톱니바뀌가 나오는데 클릭하..

메인보드 제조업체 대표적으로 ASUS, GIGABYTE, MSI, ASRock 이 외에 ECS, 폭스콘, 이엠텍 등 CPU와 메인보드의 호환 문제 칩셋(메인보드 성능) 칩셋이란 보드의 기능을 구분해 놓은것. 즉 보드의 성능을 나타내기도 한다. 인텔 메인보드 칩셋 종류 H310(저가형) < B360(보급형) < H370(고급형, 오버클럭불가) < Z390(고급형, 오버클럭가능) 또 예를 들어 B360M pro4에서 M은 MATX를 나타낸다(크기를 나타낸다는 뜻) 즉 케이스를 작은것을 선택해야 한다. AMD 메인보드에서 AM4 칩셋 종류 A320(램오버만 가능) < B450(램오버, CPU오버 가능) < X570(전원부 강화 버전) 전원부란 예를 들어 전원부가 좋다라는 말은 보드가 허용할 수 있는 오버클럭의..

VSCode 익스텐션 설치 경로 : C:/Users/사용자이름/.vscode/extensions IntelliSense for CSS class names in HTML - Visual Studio Marketplace Extension for Visual Studio Code - CSS class name completion for the HTML class attribute based on the definitions found in your workspace. marketplace.visualstudio.com 작업영역안에서 정의된 클래스(class)명을 자동완성으로 보여줍니다. 좋은점은 비슷한 클래스명의 분류를 도와줄 뿐만 아니라 중복클래스를 피할 수 있기때문에 매우 유용하다 생각이 듭니다. vs..