아 오늘 금요일인 줄 아 오늘 금요일인 줄

, 를 사용하면 별도의 객체로 반환되어 내부 값을 확인 가능함. + 를 사용하면 toString()이 호출되어 문자 타입으로 형변환 후 값이 반환되어 객체 내부의 값을 확인 불가능함. 예시 1)let array = [ { a: 1, b: 2 }, { a: 3, b: 4 }, { a: 5, b: 6 },];console.log('logging with ,: ', array); // logging with ,: (3) [{…}, {…}, {…}]console.log('logging with +: '+ array); // logging with +: [object Object],[object Objec..

지난 글에 이어 알아두면 디버깅에 편리함을 더해주는 console 객체의 함수들에 대해 정리해 보려 한다.   info(), warn(), error()이들은 console.log()와 기능이 동일하며 각각 레벨로 구분된 로그 정도로 생각해도 무방할 듯 하다. console.info(): 특정한 정보를 출력할 때 사용.console.warn(): 심각한 에러는 아니고 경고 단계에서 사용.console.error(): 심각한 에러(예상하지 못한 에러, 시스템 에러)에 사용.  이들을 사용하면 기본적으로 직관적인 스타일이 적용된 로그를 볼 수 있으며 콘솔 사이드바에서 각각의 레벨별 확인도 가능하다. cf) 브라우저마다 출력되는 스타일은 약간 다르다는 점에 유의하자. 그 예로 파이어폭스에서는 info로 출력한..

Console 자바스크립트를 처음 시작할 때부터 우리와 함께한 Console.브라우저들은 클라이언트 측의 개발을 보조하기 위해 개발자 도구를 지원하고 있는데, 이 개발자 도구를 조작할 수 있도록 하는 기능들을 제공하는 것이 바로 console 객체이다.     console은 자바스크립트에서 디버깅을 위해 존재하는 객체로 console 내부의 함수를 이용하면 개발자 도구의 콘솔창에 여러 정보들을 출력할 수 있다. console 객체 내부에는 이렇게나 많은 함수들이 있지만 이 글에서는 알아두면 디버깅에 편리함을 더해주는 것들을 위주로 소개해 보려 한다.    console.log()누구나 자바스크립트 코드의 결과 값을 출력하거나 테스트를 위해 console.log()를 정말 많이 써봤을 것이다. 역시나 가..

console.log() Console은 브라우저의 내장 디버거로서 웹 개발 시 수도 없이 많이 사용된다.그중에서도 console.log()는 일반적으로 가장 많이 사용하는 함수로 자바스크립트 객체, 문자열 등의 데이터를 콘솔창에 출력시키는 데 사용된다. console.log()를 출력하거나 그 기능을 사용하기 위해서는 개발자 도구를 이용해야 한다.아래 예시는 콘솔창을 통해 실행한 것으로 마지막 라인에 '가 출력되는 이유는 콘솔창에서 특정 함수를 실행하면 그 함수의 return 값을 출력하도록 만들었기 때문. console.log()는 return 값이 없다.      console.log()의 객체 참조  console.log()가 다른 값을 찍어 준다? console.log()를 통해 로깅을 할 때 ..