console 단축 명령어
| 단축 명령어 | 원래 명령어 | 설명 |
|---|
| cas→ | console.assert(expression, object) | 첫 번째 매개변수가 false인 경우, 메시지와 스택 추적을 출력 |
| ccl→ | console.clear() | 콘솔의 내용을 지움 |
| cco→ | console.count(label) | 주어진 레이블로 메서드를 호출한 횟수를 출력 |
| cdb→ | console.debug(object) | 메시지를 "디버그" 중요도로 콘솔에 출력 |
| cdi→ | console.dir | 주어진 객체의 속성 목록을 상호작용 가능한 형태로 표시 |
| cer→ | console.error(object) | 에러 메시지를 출력 |
| cgr→ | console.group(label) | 새로운 인라인 그룹을 생성해, 이후 모든 출력을 한 단계 들여씀 |
| cge→ | console.groupEnd() | 그룹을 나옴 |
| clg→ | console.log(object) | 메시지를 출력 |
| clo→ | console.log('object :>> ', object); | 이름과 함께 object를 출력 |
| ctr→ | console.trace(object) | 스택 추적을 출력 |
| cwa→ | console.warn | 경고 메시지를 출력 |
| cin→ | console.info | 정보 메시지를 출력 |
| clt→ | console.table | 표 형태의 데이터를 표에 그림 |
| cti→ | console.time | 주어진 이름의 타이머를 실행 |
| cte→ | console.timeEnd | 타이머가 중단되고 콘솔에 시간을 출력 |
React 컴포넌트
rfc
import React from "react";
export default function $1() {
return <div>$0</div>;
}
rfce
import React from "react";
function $1() {
return <div>$0</div>;
}
export default $1;
rafc
import React from "react";
export const $1 = () => {
return <div>$0</div>;
};
rafce
import React from "react";
const $1 = () => {
return <div>$0</div>;
};
export default $1;
출처