[VSC] 알아두면 좋은 꿀팁!

1.rename symbol: F2

함수명을 하이라이트 한상태로 F2를 눌러 이름을 변경하면 해당 함수명을 사용하는 다른 파일에서도 자동으로 바뀌게 된다.

2.Refactoring: (Ctrl or Cmd) + Shift + R

새로운 함수 안에 넣고 싶은 code들을 하이라이트 한 후 단축키를 이용해 원하는 위치 inner function(현재 속한 함수 안에 생성) or module scope(최상단)에 new function을 생성한다.

3.Snippets

shortcut을 통해 간단하게 import 등을 다양하게 쓸 수 있다.

추가 shortcut link: https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

4.emmet

shortcut과 비슷한 형태로 여러개의 중복된 태그를 만들거나 맨처음 구성할때 사용하면 좋을 것 같다.

⚠️확장자 명에 따라 사용 가능한 emmet의 포맷이 다르다.