본문 바로가기

새로운 블로그로 이전합니다
구글블로그 / 네이버블로그
(자료도 점차 이전할 계획입니다.)


html2

VSCode) 자동완성 직접 만들기 [ 개요 ] html:5를 입력하면(안나오면 Ctrl + Space) 일일이 입력할 필요없이 위와 같이 html문서를 빠르게 구성할 수 있다. 그러나, 내가 원하지 않는 부분이 있는데 그 부분을 매번 지워야 하고, 자주쓰는 를 매번 입력하다보니 너무너무 불편했다. 자동완성을 직접 만들어서 더 편리하고 신속하게 html문서를 작성해보자 [ 진행과정 ] 좌측하단의 User Snippets(사용자 코드조각)을 클릭한다. 원하는 확장자를 검색하여 선택한다. (html파일을 작성하니까 html.json을 선택) (확장자가 다르면 동작안함) * 해당 위치에 json파일이 추가됨 위와 같은 구조로 작성할 수 있다. (여러개 작성시 ,(콤마) 중요) prefix에 넣은 문자열(단축어?)을 입력하고 Ctrl+Space하.. 2023. 6. 10.
가운데 왼쪽 정렬하기 (HTML/CSS) [ 개요 ] 왼쪽정렬로 하면, 너무 왼쪽으로 치우치고 (* 특히, 화면이 넓은 PC에서 글을 볼 때) 가운데정렬로 하면, 지저분해 보인다. (깔끔하지 못하고, 읽기 불편한 느낌이 든다.) 이 둘을 절충시킨 가운데 왼쪽 정렬을 구현하고 이를 활용하는 방법을 알아보자 (+ 뭔가 괜찮은 명칭이 없을까?) 더보기 *** 가운데 왼쪽 정렬이라고는 했는데... 어감이 별로다. 뭔가 더 좋은 이름은 없을까? 외부에서는 가운데, 내부에서는 왼쪽 정렬이니까 (External Center, Internal Left) ECIL정렬 이라고 할까? 아님 그냥 가왼정렬? [ 파일 다운로드 ] [ 코드 작성 ] 1) body태그에서의 text-align을 통해서 텍스트를 왼쪽, 가운데로 정렬시킬 수 있다. 2) div요소를 통해 .. 2023. 2. 10.