coding 265
비주얼 스튜디오 코드 자동 줄 바꿈 단축키
비주얼 스튜디오 코드 자동 줄 바꿈 단축키를 알아보겠습니다. 1. 비주얼 스튜디오 코드 자동 줄 바꿈 필요한 코드 줄 바꿈 안 맞는 코드 코드를 복사해서 사용하다 보면 코드 자체는 문제가 없지만 줄 바꿈이 요상하게 안 맞는 코드가 됩니다. 여기를 하나하나 수정하지 않고 한꺼번에 단축키로 처리해보겠습니다. - *빨간색 부분에 대해서 비주얼 스튜디오 코드에서 들여 쓰기 색을 넣는 확장 기능을 설치하시면 수정이 필요한 부분은 저렇게 빨간색으로 표시됩니다. 아래 버튼으로 확장 기능 설치 방법을 확인할 수 있습니다. 확장 기능 설치 방법 - 2. 비주얼 스튜디오 코드 자동 줄 바꿈 단축키 Ctrl + K 일단 전체 선택을 해줍니다. 전체 선택 단축키는 Ctrl + A입니다. 그다음 Ctrl + K를 눌러주세요. ..
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 무료 배포를 위해 먼저 로그인 혹은 회원가입을 해주세요. 깃허브 아이디가 있다면 깃허브로 회원 가입하시는 걸 추천드립니다. - ..
text-indent CSS 들여쓰기 내어쓰기
css로 들여 쓰기와 내어 쓰기를 할 수 있는 text-indent 사용방법을 알아봅시다. 1. text-indent div{ text-indent : 1em; } text-indent text-indent에서 indent는 "들여쓰다"라는 뜻으로 글자 들여 쓰기라는 직관적인 속성입니다. 속성 값으로는 들여 쓰고 싶은 공간만큼 거리를 숫자로 적어주시면 됩니다. 단위는 px, em, % 등이 있습니다. - 2. text-indent 적용 예시 text-indent 적용 예시 text-indent 적용 예시입니다. 제 포트폴리오 사이트 중 일부인데요. 표시된 부분이 속성 값만큼 들여 쓰기 된 모습입니다. 1em을 주면 위의 이미지만큼 들여쓰기 됩니다. 포트폴리오를 직접 확인하고 싶으신 분은 아래 버튼을 눌러..
VS code 자주 쓰는 단축키 모음
제가 보려고 만든 VS code 단축키 모음입니다. 1. 기본 편집 단축키 단축키 설명 자세한 설명 Ctrl + X 커서 있는 행 잘라내기 행 잘라내기 설명 Ctrl + D 다중 선택 다중 선택 설명 Ctrl + K → Ctrl + F 자동 줄 바꿈 자동 줄 바꿈 설명 Ctrl + Enter 커서 있는 행 아래 빈줄 생성 아래 빈 줄 생성 설명 Ctrl + / 줄 주석 줄 주석 설명 Ctrl + Shift + L 찾아서 바꾸기 찾아서 바꾸기 설명 Alt + ↑ 커서 있는 행 위로 이동 행 이동 설명 Alt + ↓ 커서 있는 행 아래로 이동 행 이동 설명 Alt + 클릭 다중 선택 다중 선택 설명 Alt + Shift + 위아래 방향키 커서 있는 행 복사 행 복사 설명 Alt + Shift + 드래그 세로..
VS code 다중 선택 단축키
vs code 다중 선택 방법을 알아봅시다. 1. VS code 다중 선택 vs code 다중 선택할 단어 예시를 들기 위해 공부 중인 코드를 가져왔습니다. 여기서 체크해둔 'rabbit' 이라는 단어를 모두 선택 즉, 다중 선택하고 싶다고 가정해봅시다. 따옴표를 포함해서 선택하는 경우입니다! - 단어 블록지정 다중 선택할 단어를 일단 전체 블록 지정해줍니다. 드래그를 이용해서 따옴표까지 지정해줍시다. - 2. VS code 다중 선택 단축키 VS code 다중 선택 단축키 다중 선택할 단어를 블록 지정했다면 Ctrl + D를 눌러서 같은 단어를 선택합니다. Ctrl + D를 누르면 다음 같은 단어를 찾아 동일하게 블록 지정해줄 겁니다. 그리고 원하는 개수만큼 VS code 다중 선택 단축키인 Ctrl ..
