web sprit

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..

코딩툴로 서브라임을 사용하면서 자주 사용하는 기능인데 어느날 부턴가 단축키가 먹질 않았습니다. 내용을 찾아보니 아래 참고 URL로 확인할 수 있었습니다. 아예 기능이 없어진것이 아니기 때문에 다시 키설정을 통하여 사용하는 방법에 대해 알아 보겠습니다. 이 기능은 일종의 Emmet을 이용한 기능으로 단축키를 확인하기 위해서는 package 의 Emmet을 User에 단축키를 설정해 줘야 합니다. Preferences >> Package Settings >> Emmet >> Key Bindings 열린 화면에서 왼쪽이 Emmet 기본 설정부분이고 오른쪽이 User 부분으로 사용하고 싶은 단축키 부분을 User에 옮겨서 사용할 수 있습니다. 왼쪽에 Emmet 기본설정을 보면 태그로 감싸는 단축키가 주석으로 되..

VSCode를 처음 설치하면 소스 코드가 길어도 자동줄바꿈 되지 않고 가로스크롤이 생겨 우측으로 움직여야 나머지 코드가 보일 것입니다. 난 화면안에 스크롤이 생기지 않고 모든 소스가 나오는것을 원하기 때문에 설정에서 고쳐 사용 하겠습니다. File >> Preferences >> Settings 에 들어가 줍니다. 검색영역이 확인 되는데 검색 부분에 다음과 같이 작성해 줍니다. "wordwrap" 위 검색어 입력시 하단에 셋팅에 바로 검색되어 나오는데 Editor: Word Wrap 이 부분을 수정하셔야 합니다. off >>>on 으로 수정하고 다시 소스 코드를 확인해 봅니다. 그럼 가로스크롤 없이 한 화면에 모든 소스코드가 줄바꿈 되어 나오는 모습을 보실 수 있습니다.