TIL : VSC 단축키, CSS BEM 방법론

VSC 단축키

7) 반복되는 단어 한방에 수정
 ⌘ + D or Ctrl + D

6) 클릭하는 곳마다 커서 생성
 ⌥ + Click or Alt + Click

5) 코드 위/아래로 움직이기
 ⌥ + ↑ / ↓ or Alt + ↑ / ↓

4) 코드 복사해서 위/아래로 움직이기
 ⌥ + ⇧ + ↑ / ↓ or Alt + ⇧ + ↑ / ↓

3) 코드 블록 한방에 코멘트 처리하기
 ⌘ + / or Ctrl + /

2) 선택된 영역에 커서 만들기
 ⌥ + ⇧ + i or Alt + ⇧ + i 

1) 마우스가 가는 곳 마다 커서 만들기
 ⌥ + ⇧ + Mouse Drag or Alt + ⇧ + Mouse Drag

Bonus:
파일 맨 위-아래로 한번에 이동하기
Top / Bottom of File: ⌘ + ↑ / ↓ or Ctrl + Home / End

사이드바 숨기기
Hide / Show Sidebar: ⌘ + B or Ctrl + B

 

CSS BEM 방법론

CSS에서 ID 사용하지말고 CLASS만 사용하되 특정한 원칙에 따라 명명하는 방법론

/* Block component */
.btn {}

/* Element that depends upon the block */ 
.btn__price {}

/* Modifier that changes the style of the block */
.btn--orange {} 
.btn--big {}

출처 및 참조 : css-tricks.com/bem-101/