coding 259
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 ..
자바스크립트 class 추가하기
자바스크립트에서 class를 추가해봅시다. 1. 자바스크립트 class 추가 element.classList.add("myStyle"); 클래스 추가 추가하는 내용이니 add가 들어가는군요. - 요소 element. 즉, 요소란 html에서 어디에 class를 넣을 것인가 정해주는 부분입니다. 만약 특정 div 태그에 class를 넣는다면 그 div 태그를 선택하면 됩니다. 선택하는 방법은 아래를 참고해주세요. 자바스크립트로 요소 선택하기 - class 관련 classList는 class 관련 명령어라고 여겨주세요. 세부적으로 너무 파고들 필요는 없습니다. 어렵기도 하고요. 아무튼 class 관련이구나 하고 생각해주세요. - class 추가 가장 중요한 부분이 아닐까 합니다. add를 이용해 class를..