반응형 분류 전체보기441 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 Java | Eclipse에서 클래스 복사를 위한 duplicate 단축키 이클립스에서 자바 코딩을 할 때 비슷한 클래스 생성을 위해서 클래스를 복사하여 사용할 때가 있다. 그럴 때 사용할 수 있는 단축키가 있다. Class 복사는 어떻게? 이클립스를 사용해 보면 다른 에디터에서 제공하는 duplicate 또는 duplication 기능을 찾을 수가 없다. 보통은 파일을 선택하고 오른쪽 마우스를 누르면 복사(copy)와 붙여 넣기(paste) 외에 복제(duplicate) 기능이 있는데 이클립스에선 찾아볼 수가 없었다. Class 복사하는 방법 그렇기 때문에 이클립스에서는 클래스를 선택 후 오른쪽 마우스를 누르고 복사 그리고 파일 탐색창에 마우스 오른쪽을 눌러서 붙여 넣기를 눌러야 한다. 하지만 단축키가 있다 (허무주의) 복사하려는 클래스와 관련 클래스들이 수정된 것들이 다 저.. 2021. 12. 1. 23:05 이전 1 ··· 88 89 90 91 92 93 94 ··· 111 다음 반응형
