Code Habit

MVP를 사용하면 쉽고 빠르게 웹사이트를 심플한 디자인으로 만들 수 있다. MVP는 태그에 class나 id같은 특성을 추가하지 않아도 자동으로 스타일을 적용해 주어 테스트 페이지 제작 등 빠르게 디자인을 입히고 싶을 때 유용하게 사용할 수 있다. MVP는 따로 프레임워크등을 추가할 필요도 없고 따로 공부할 필요도 없다. 단지 MVP.css를 우리 페이지에 연결만 해주면 모든 스타일이 자동으로 완성된다. MVP는 무료 라이센스이며 CDN을 제공한다. ( "https://unpkg.com/mvp.css" ) - mvp.css 사용 link(rel="stylesheet", href="https://unpkg.com/mvp.css") 우리가 만든 페이지에 위 사용 예처럼 mvp.css파일만 링크 걸면 페이지 ..

querySelector 함수를 사용하여 JavaScript에서 HTML에 있는 element에 접근해 값을 참조하거나 변경할 수 있다. querySelector는 getElementBy* 처럼 특정 id를 제한하지 않고 CSS선택자를 사용하여 요소를 찾을 수 있다. 예시 ) document.querySelector("tagName"); // 태그명이 "tagName"인 첫번째 요소를 가져온다 document.querySelector(".className");// 클래스명이 "className"인 첫번째 요소를 가져온다. document.querySelector("#idName);// 아이디가 "idName"인 첫번째 요소를 가져온다. document.querySelector("#divName butto..

VSCode로 html 형식의 파일을 만들고 "!" 를 입력하면 자동으로 html 코드 골격이 완성되는데 데스크탑으로 할때 잘 되던게 노트북으로 하니 잘 안됬다. emmet abbreviation 은 VSCode에 기본으로 내장되어 있는 기능이다. 혹시나 해서 관련 확장 프로그램을 찾아보고 VSCode 버전을 비교해봐도 둘다 최신버전이었다. 검색해보니 VSCode 오른쪽 하단에 위치한 언어모드가 'Django HTML'로 되어 있던게 문제였다. 이를 'HTML'로 변경하면 아래와 같이 자동완성 기능이 잘 동작한다.

새로 파일을 만들고 HTML 태그 자동완성 기능을 사용하려는데 안되는 경우가 있다. 이는 해당 문서의 언어설정이 잘 못된 것으로 이를 HTML형식으로 변경해야 한다. 이렇게 문서 형식을 HTML로 변경하면 태그 자동완성이 잘 되는 것을 확인할 수 있을 것이다.