NGMsoftware

NGMsoftware
로그인 회원가입
  • 매뉴얼
  • 학습
  • 매뉴얼

    학습


    Web 웹 디버깅 - 자바스크립트 배열 값을 콘솔에서 쉽게 확인하는 방법. (Web Debugging - An easy way to …

    페이지 정보

    본문

    안녕하세요. 엔지엠소프트웨어입니다. 개발자라면 디버깅은 일상이라 다들 알고 있는 내용일텐데요. 이제 막 웹프로그래머로 입문한 개발자분들은 참고하시면 좋을듯합니다. 노드(node.js)를 사용하는게 아니라면 콘솔로 output에 내용을 찍어보고, 값을 확인하면서 개발을 하게 됩니다. 물론, 배포 시점에는 이러한 것들을 제거해야 합니다. 성능에 영향을 주기 때문이죠. 아무튼~ 아래 코드를 실행 해보세요.

    let arr = [1, 2, 3, 4, 5];
    
    console.log("log: ", arr);
    console.info("info: ", arr);
    console.warn("warn: ", arr);
    console.error("error: ", arr);
    console.table(arr);

     

    console.table을 사용하면 결과는 아래와 같이 나옵니다.

    ZtC6KSU.png

     

     

    크롬 개발자 도구에서는 아래 그림처럼 표시됩니다.

    mf2iDJm.png

     

     

    개발자에게 후원하기

    MGtdv7r.png

     

    추천, 구독, 홍보 꼭~ 부탁드립니다.

    여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

    감사합니다~

    • 네이버 공유하기
    • 페이스북 공유하기
    • 트위터 공유하기
    • 카카오스토리 공유하기
    추천0 비추천0

    댓글목록

    등록된 댓글이 없습니다.