ES7+ React/Redux/React-Native snippets 단축 명령어 정리

webDev5·2024년 2월 13일

VSCode

목록 보기
1/1

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;

출처

profile
공부한 내용을 정리하는 블로그입니다.

0개의 댓글