반응형 분류 전체보기586 VSCode | 자동 정렬 단축키 코드를 작성하고 수정하고 수정하다 보면 계층 구조를 알아볼 수 없을 만큼 뒤죽박죽 되어 보이는 때가 생긴다. VSCode를 사용할 때 자동 정렬하는 과정을 기록하고 앞으로 이 문제를 종결하겠다. 자동정렬 과정 코딩을 하다 보면 다음과 같이 지저분해진 코드들을 정렬하고 싶어 진다. 이럴 때 간단하게 자동 정렬하는 방법이 있다. 전체 선택 : Ctrl + A 정렬하고 싶은 코드를 선택해 주면 되는데 보통은 전체 코드를 정렬하고 싶기 때문에 컨트롤과 A를 눌러서 전체 선택을 해준다. 자동정렬 : Ctrl + K + F 전체선택을 한 다음엔 는 컨트롤을 누른 채로 k와 f를 순서대로 눌러주면 된다. 너무 급하게 빠르게 누를 필요도 없이 차분히 탁탁 눌러주면 된다. 그럼 위의 사진처럼 정렬된 코드를 볼 수 있다... 2021. 12. 15. 14:22 HTML CSS | 엘레멘트 가운데 정렬하기 치트키 html을 작성할 때 css를 이용해서 가운데 정렬하는 방법은 꽤 다양하다. 어떻게 작성하던지 상관없이 의도한 대로 가운데 정렬이 된다면 뭐든 일단 큰 문제가 아니다. 그런데 한 div 안에 img와 같은 특정 엘레멘트만 가운데 정렬하고 싶은 경우가 있다. 언제까지 text-align 만 사용할 것인가? 그렇다. html을 작성할 때 text-align 은 텍스트 정렬할 때만 사용하지 않고 div 내의 모든 엘레멘트를 가운데 정렬할 때도 이용된다. 그런데 언제까 text-align 만 사용할 것인가? text-align을 사용해 가운데 정렬하기 위해 새로운 div를 만들고 있었다면 이번 글을 통해 치트키 하나를 무조건 기억해 두자. 디스블록마영오토 이제부터 "디스블록마영오토" 아마 zyngirok에서 최.. 2021. 12. 3. 21:14 VSCode | 태그 끌고 이동하기 단축키 VSCode를 이용하면 자동완성 기능이 있어서 여는 태그를 작성하면 알아서 닫히는 태그가 작성된다. 그런데 이미 작성해놓은 코드들을 한 태그로 감싸고 싶을 때 손이 너무 바빠진다. 이럴 때 사용할 수 있는 단축키가 있을까? 태그를 끌고 이동하는 단축키 정답은 있다. 태그를 끌고 다니는 단축키. 위로 끌고 가기 Alt + ↑ 아래로 끌고 가기 Alt + ↓ 그런데 엄밀히 말하자면 이 단축키는 태그를 끌고 다니는 단축키가 아니다. 한 줄 전체를 끌고 가는 것이다. 그래서 현재 라인 이동 단축키라고도 부른다. 따라서 태그 하나를 이동하고 싶다면 태그를 한 줄에 혼자 위치하도록 하고 커서를 태그에 맞춰주고 알트(Alt)를 눌러주고 위아래 방향키로 이동해 주면 된다. 내가 원하는 블록 전체를 끌고 이동하는 단축키.. 2021. 12. 2. 19:54 HTML | VSCode에서 Live Server 이용할 때 작업 폴더가 여러개 일 때 VSCode에서 작업 폴더를 여러 곳을 꺼내놓고 사용하면 Live Server가 현재 작업하는 html 파일이 아닌 다른 폴더의 html을 실행할 때 어떻게 해야 할까? Live Server VSCode에서 Live Server를 이용하면 Apache 같은 프로그램을 사용하지 않더라도 간단하게 local server를 구현해 웹페이지 구동을 해볼 수 있어 정말 편리하다. 보통은 VSCode 화면 오른쪽 밑에 Go Live 버튼만 눌러주면 바로 로컬 서버가 시작된다. 문제는 여러 작업폴더를 이용할 때 한 작업 영역에 여러가지 프로젝트를 불러와서 이용할 때가 있다. 간단하게 여러 프로젝트를 프로그램을 껐다 켤 필요 없이 넘나들 수 있어서 편한데 가끔은 기본 세팅값의 문제로 편리한 확장 기능들을 추가적으로 세.. 2021. 12. 2. 17:00 이전 1 ··· 124 125 126 127 128 129 130 ··· 147 다음 반응형
