coding 263
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 행 복사](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/cjgZ07/btrBPe1C4Fc/WHQET7qNcQsKBn4eMkLf40/img.png)
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번 행으로 이동된 모습입니다. 이번엔 아래쪽으로 행이 내려왔죠. 이렇게 간단하게 행을 이..
![VS code 행 이동 단축키](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/3Cusu/btrBrudTSHM/IsCpKU7MRWbv2WTjDnKBD1/img.png)
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..
![css background 단축 속성](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/bq6Qse/btrBgB5kluo/7KULoIi4bFlDqk8UxCrv11/img.png)
비주얼 스튜디오 코드 자동 줄 바꿈 단축키
비주얼 스튜디오 코드 자동 줄 바꿈 단축키를 알아보겠습니다. 1. 비주얼 스튜디오 코드 자동 줄 바꿈 필요한 코드 줄 바꿈 안 맞는 코드 코드를 복사해서 사용하다 보면 코드 자체는 문제가 없지만 줄 바꿈이 요상하게 안 맞는 코드가 됩니다. 여기를 하나하나 수정하지 않고 한꺼번에 단축키로 처리해보겠습니다. - *빨간색 부분에 대해서 비주얼 스튜디오 코드에서 들여 쓰기 색을 넣는 확장 기능을 설치하시면 수정이 필요한 부분은 저렇게 빨간색으로 표시됩니다. 아래 버튼으로 확장 기능 설치 방법을 확인할 수 있습니다. 확장 기능 설치 방법 - 2. 비주얼 스튜디오 코드 자동 줄 바꿈 단축키 Ctrl + K 일단 전체 선택을 해줍니다. 전체 선택 단축키는 Ctrl + A입니다. 그다음 Ctrl + K를 눌러주세요. ..
![비주얼 스튜디오 코드 자동 줄 바꿈 단축키](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/cLtNeJ/btrAMukPv8H/aRqtExeenWwZi0AKQ5GS3K/img.png)
Netlify 무료 배포
Netlify 무료 배포 방법을 알아보겠습니다. 1. Netlify 무료 배포 https://www.netlify.com/ Netlify: Develop & deploy the best web experiences in record time A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free! www.netlify.com Netlify 로그인 및 회원가입 Netlify 무료 배포를 위해 먼저 로그인 혹은 회원가입을 해주세요. 깃허브 아이디가 있다면 깃허브로 회원 가입하시는 걸 추천드립니다. - ..
![Netlify 무료 배포](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/wcJKW/btrALukD0SZ/qH0yhMu7zv4wDkZKBTdim0/img.png)