[카카오톡 클론코딩] # 2.7 More Tags

Gata·2023년 7월 1일
0

1. mdn

tags는 mdn에서 검색할 것.
tags는 암기할 필요 없고 mdn에서 검색해서 어떻게 쓰이는지 보면된다.

mdn? Mozilla developer Network

html, css, javascript을 검색할 때 mdn을 붙혀서 검색하면
firefox 브라우저를 만드는 회사가 제공하는 web에 관한 정보들을 정리한 문서로 안내해준다.

https://developer.mozilla.org/ko/docs/Web/HTML/Element

W3Schools

mdn을 포함해서 검색하지 않으면 W3Schools이 가장 상단에 보여진다. 이 사이트는 절대 사용하지 않는 것을 추천!

이유

  • mdn은 표준법을 만드는 주체이고, 비영리 웹사이트다.
  • W3C는 상업적 이익을 추구하고 그들의 소스는 mdn으로 부터 온다.

2. vsc 단축키 인생 꿀템

1) ctrl + D

  • 바꾸려고 하는 단어를 커서를 내려가면서 한꺼번에 수정할 수 있다.

2) ALT+click

  • 내가 클릭하는 곳마다 커서를 만들어준다. 편집이 끝나면 esc 누르면 됨.

3) ALT + ⬇️/⬆️

  • 선택한 코드를 아래로, 혹은 위로 옮겨준다. 복사 붙여넣기 할 필요 없음.

4) ALT +Shift+ ⬇️/⬆️

  • 복사를 해서 아래나 위로 붙여넣기를 해준다. HTML, React 할 때 유용.

5) ctrl + /

  • 코드를 한번에 주석처리 해준다.

6) ALT + Shift + i

  • 드래그 해주면 선택된 영역에 커서가 좌르륵 생긴다.

7) ALT + Shift + 드래그

  • 마우스의 커서를 기준으로 코드 길이가 각각 달라도 한번에 위치를 선택하고 싶을때 유용

8) ctrl + HOME/END

  • 코드 맨 위나 아래로 가고 싶을 때
profile
개발은 즐거워🪇

0개의 댓글

관련 채용 정보