1. 함수형 컴포넌트 만들기(함수 표현식) : rscp
import React from 'react';
const Component = () => {
return (
<div>
</div>
);
};
export default Component;
(* 참고 : 표현식은 호이스팅에 영향을 받지 않는다.)
2. 함수형 컴포넌트 만들기(함수 선언식) : rsfp
import React from 'react';
function $TM_FILENAME_BASE$(props) {
return (
$1$
);}
export default $TM_FILENAME_BASE$;
1&2번은 React Snippets 플러그인 설치시 사용가능한 단축키이다.
(*함수 선언식은 코드를 구현한 위치와 관계없이 자바스크립트의 특징인 호이스팅에 따라 브라우저가 자바스크립트를 해석할 때 맨 위로 끌어 올려진다.)
3. shift + Enter : 줄바꿈
4. ctrl/command + E : 최근 실행한 파일 확인
5. ctrl + shift + E : 최근 실행된 위치 확인
6. ctrl + shift + ↓ /↑ : 현재 위치한 코드의 줄을 방향대로(위/아래) 변경
7. ctrl + B : 코드 내에서 선언된 코드로 이동할 때 사용
8. 저장 시 자동 정렬 설정
[settings] - [tools] - [Actions on Save]
* setting 창 열기 단축키 : [ctrl + shift + S] //윈도우 기준
[command + ,] //macOS 기준
사진 설명을 입력하세요.
9. ctrl + shift + F : 파일만 찾기(우측 상단에 확장자 선택 가능)
10. shift + shift : 모든 파일 내에서 검색어가 포함된 위치 찾기 (빠르게 두 번 누르기)
11. ctrl + alt+ V : 변수 자동 생성
⭐️⭐️⭐️더 많은 단축키 보기 (강추)
→ https://blog.jetbrains.com/ko/2020/03/11/top-15-intellij-idea-shortcuts_ko/
'TIL' 카테고리의 다른 글
[프론트엔드 링크 모음] (0) | 2023.09.14 |
---|---|
ESLint - LF vs CRLF (0) | 2023.07.29 |
vite 호스트, 포트 설정해서 실행하기 (0) | 2023.06.23 |
null 이 내부 로직에 있는 경우 왜 안좋을까? (0) | 2023.06.18 |
[Linux]자주 사용하는 터미널 명령어 모음 (0) | 2022.09.03 |