REACT) Node.js 단축키에 대해 알아보자

리액트를 개발할 때 효율적으로 작업하기 위해 다양한 단축키를 사용할 수 있습니다. 주로 사용되는 단축키 몇 가지를 소개해 드리겠습니다.

1.Visual Studio Code 단축키:

• Ctrl + Space: 자동 완성 기능 활성화
• Ctrl + / (Windows), Cmd + / (Mac): 주석 토글
• Alt + 화살표 (위/아래): 코드 줄 이동
• Ctrl + D (Windows), Cmd + D (Mac): 다음 해당 단어 선택
• Alt + Shift + 화살표 (아래): 다중 커서 추가
• F12: 정의로 이동
• Ctrl + Shift + F (Windows), Cmd + Shift + F (Mac): 전체 프로젝트에서 검색
• Alt + Shift + F (Windows), Option + Shift + F (Mac): 코드 자동 정렬
• Ctrl + F (Windows), Cmd + F (Mac): 찾기
• Ctrl + H (Windows), Cmd + Option + F (Mac): 찾기 및 바꾸기
• Ctrl + G (Windows), Cmd + G (Mac): 특정 줄로 이동
• Ctrl + / (Windows), Cmd + / (Mac): 주석 토글
• Ctrl + Z (Windows), Cmd + Z (Mac): 되돌리기
• Ctrl + Y (Windows), Cmd + Shift + Z (Mac): 다시 실행
• Shift + Alt + 화살표 (위/아래): 코드 블록을 위아래로 복사
• Ctrl + Shift + V (Windows), Cmd + Shift + V (Mac): 미리 보기 창 열기 (Markdown 파일)
• Ctrl + B (Windows), Cmd + B (Mac): 사이드바 토글

2.리액트 개발자 도구 단축키:

• Ctrl + Shift + J (Windows), Cmd + Option + J (Mac): 리액트 개발자 도구 열기
• Ctrl + Shift + C (Windows), Cmd + Shift + C (Mac): 선택 요소 검사 도구 열기
• Ctrl + Shift + I (Windows), Cmd + Option + I (Mac): 리액트 개발자 도구 열기
• Ctrl + Shift + P (Windows), Cmd + Shift + P (Mac): 명령 팔레트 열기

3.리액트 컴포넌트 단축키:

• rafcp: 함수형 컴포넌트 생성
• racfp: 화살표 함수형 컴포넌트 생성
• rcc: 클래스형 컴포넌트 생성
• rconst: 생성자 메서드 생성

4.리액트 Hooks 단축키:

• uef: useEffect 훅 생성
• ust: useState 훅 생성
• urc: useReducer 훅 생성

이러한 단축키들은 개발 생산성을 향상시키고 일일 작업을 더욱 효율적으로 만들어 줄 수 있습니다. 개발 환경에 따라 이러한 단축키가 다를 수 있으며, 특정 확장 프로그램을 설치하면 추가적인 단축키를 사용할 수도 있습니다.