728x90 300x250 Front-end/IDE (편집기)14 vs코드 html5 기초코드 자동생성 !를 누르면 Emmet 기능이 활성화된다. 엔터를 클릭하면 html boilerplate html 기초코드가 아래와 같이 생성된다. 여기서 !!!를 선택하면 doctype만 나온다. html:5 입력하고 tab키나 enter 키를 클릭해도 html:5 기초태그 자동완성을 할 수 있다. 2022. 4. 19. 온라인 에디터 1. CodePen 샘플도 많고 트위터나, 페북, 깃등에 공유 가능하다. https://codepen.io/pen/ Create a New Pen ... codepen.io 2. JSFIDDLE JSFIDDLE 역시 유명한 사이트로 share기능도 있고 여라가지 옵션 변경도 가능하다. https://jsfiddle.net/ JSFiddle - Code Playground jsfiddle.net 3. JS BIN 간단하게 결과 확인하면서 코딩할때 사용하기 좋다. https://jsbin.com/ JS Bin Sample of the bin: jsbin.com 2022. 3. 10. vs code 2개 단어 검색 정규식 visual studio code에서 2개 단어 한꺼번에 검색하기 1. visual studio code에 돋보기 아이콘을 클릭하고 정규식 사용을 위해서 검색영역 제일 오른쪽에 정규식 사용 아이콘을 클릭합니다. 아래와 같이 검색합니다. (word1[\s\S\n]*word2)|(word2[\s\S\n]*word1) 예를들어서 h3과 img가 함께 있는 파일을 찾는다면 (h3[\s\S\n]*img)|(img[\s\S\n]*h3) 이렇게 검색해 주면 h3와 img가 함께 있는 html 파일을 찾아줍니다. 출처 : https://stackoverflow.com/questions/49944569/search-in-vs-code-for-multiple-terms 2021. 12. 31. 비쥬얼 스튜디오 코드 확장 프로그램 추천 Visual Studio Code extension 1. Auto Rename Tag 태그명 변경 시에 자동으로 닫힘 태그를 변경시켜주는 확장 프로그램 2. Auto Close Tag 닫는 태그를 자동으로 삽입해 주는 플러그인 3. Bracket Pair Colorizer2 코드에서 사용되는 괄호를 짝을 맞춰서 색을 다르게 보여주는 플러그인 4. Color Highlight 다큐먼트에서 css/web 색상을 찾아서 표시해주는 플러그인 5. CSS Peak html코드에 적용된 css가 어디에 위치해 있는지 한 번에 찾아주는 플러그인 사용방법 Peek : css파일을 인라인으로 로드하고 바로 편집 (Ctrl+Shift+F12) 이동 : css파일로 직접 이동하거나 새 편집기에서 연다. (F12 or Ctr.. 2021. 11. 23. 이전 1 2 3 4 다음 728x90 반응형
