React_10_유용한 단축키와 prettier

지원·2023년 9월 19일

React

목록 보기
11/71
post-thumbnail

멀티 커서 선택하기

텍스트 커서를 단어로 옮겨 놓으면 해당하는 변수나 함수가 하이라이팅된다.

  • 윈도우즈
    Ctrl + Shift + L


  • Cmd + Shift + L

멀티 커서 선택을 하면 여러 군데를 한 번에 수정할 수 있다.

직접 멀티 커서 만들기

원하는 위치에 텍스트 커서를 만들 수 있다.

  • 윈도우즈
    Alt + 클릭


  • Option + 클릭

이름 바꾸기

해당 변수나 함수가 사용된 파일에서도 함께 이름이 바뀐다.

F2

해당하는 파일로 이동

변수나 함수가 작성된 파일로 이동하고 싶을 때
단어 위에 마우스를 올리고 사용

  • 윈도우즈
    Ctrl + 클릭


  • Cmd + 클릭

줄 이동하기

  • 윈도우즈
    Alt +↑↓


  • Option + ↑↓

Prettier

코드를 지저분하게 만들어도 저장 시에 깔끔하게 정리해준다.

확장프로그램 prettier를 설치를 하고
setting에 들어가 사진처럼 설정을 해준다.

코드를 지저분하게 작성해도 Ctrl+S시에 바로 깔끔하게 정리되어 저장이 된다.

0개의 댓글