coding 89
VS code 행 복사
VS code 행 복사를 해보겠습니다. 1. VS code 행 복사 행 복사 단축키 행을 복사할 때 전체 드래그해서 Ctrl + C > Ctrl + V 조금 불편하지 않나요? 커서를 두고 Alt + Shift + 위/아래 방향키를 누르면 방향키를 누른 방향으로 행 전체가 복사됩니다. - - 행 복사 단축키 이런 식으로 방향키를 여러 번 눌러 간편하게 복사할 수 있습니다. VS code 행 복사 이제 간단하게 할 수 있겠죠? 이상으로 VS code 행 복사 단축키를 알아봤습니다. 도움이 되셨다면 공감과 댓글, 구독을 부탁드립니다. [같이 보면 좋은 포스팅] [coding/editor] - VS code 행 이동 단축키 VS code 행 이동 단축키 vs code 행 이동 단축키를 알아봅시다. 1. VS c..
VS code 행 이동 단축키
vs code 행 이동 단축키를 알아봅시다. 1. VS code 행 이동 VS code 행 이동 단축키 vs code행 이동 단축키를 사용하기 전에 이동시킬 행에 커서를 두고 시작합니다. Alt키를 누른 채로 위 방향키를 눌러줍니다. - VS code 행 이동 적용 57번 줄에서 56번으로 이동했습니다. 이처럼 위쪽으로 간단하게 단축키를 이용해 이동할 수 있습니다. - 2. VS code 행 이동 아래 vs code 행 이동 아래 아래로 행을 이동하는 것도 어렵지 않습니다. 동일하게 커서를 이동하고자 하는 행에 둔 뒤 이번엔 Alt + 아래 방향키를 눌러주세요. - VS code 행 이동 아래 적용 57번 행에서 58번 행으로 이동된 모습입니다. 이번엔 아래쪽으로 행이 내려왔죠. 이렇게 간단하게 행을 이..
css background 단축 속성
css background 단축 속성을 알아봅시다. 1. css background 단축 속성 div{ background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('/images/background.jpg') } css background 속성 일단 background 속성을 하나씩 적어보았습니다. 더 많은 속성이 있긴 한데 일단 위에 적은 4개의 속성을 적용한다고 가정해봅시다. 물론 이 상태로도 css가 잘 적용됩니다. 그러나 코드가 너무 길어지고 한눈에 들어오지 않습니다. 이 코드를 한 줄로 줄여주는 방법이 css background 단축 속성입니다. - div{ backg..
자바스크립트 class 추가하기
자바스크립트에서 class를 추가해봅시다. 1. 자바스크립트 class 추가 element.classList.add("myStyle"); 클래스 추가 추가하는 내용이니 add가 들어가는군요. - 요소 element. 즉, 요소란 html에서 어디에 class를 넣을 것인가 정해주는 부분입니다. 만약 특정 div 태그에 class를 넣는다면 그 div 태그를 선택하면 됩니다. 선택하는 방법은 아래를 참고해주세요. 자바스크립트로 요소 선택하기 - class 관련 classList는 class 관련 명령어라고 여겨주세요. 세부적으로 너무 파고들 필요는 없습니다. 어렵기도 하고요. 아무튼 class 관련이구나 하고 생각해주세요. - class 추가 가장 중요한 부분이 아닐까 합니다. add를 이용해 class를..
자바스크립트 css 추가하기
자바스크립트에서 css 추가하는 방법을 알아보겠습니다. 바로 코드 복사하실 분은 2번으로 >> 1. 자바스크립트 css 추가 document.getElementById(id).style.property = new style 자바스크립트 css 추가 문법 갑자기 나오는 이 코드 한 줄이 당황스러우실 것 압니다. 하지만 기다려보세요. 제가 다 설명할 수 있어요. - 이름 일단 앞쪽의 긴 뭉텅이는 너무 고민하실 것 없습니다. 이 부분은 css를 추가하고 싶은 곳을 알려주는 것으로 id 이름값을 적는다고 생각해주세요. 자바스크립트에서 id 값을 가져오려면 저런 식으로 길어져서 그렇지 어려운 부분은 아닙니다. 나중에 변수 안에 넣고 짧게 줄여서 사용할 수 있으니 너무 걱정하지 마세요. - css 값 넣기 styl..