javascript, log/dir 의 이해가 어려워요

본문 바로가기

javascript, log/dir 의 이해가 어려워요

작성일 2023.12.22댓글 2건
    게시물 수정 , 삭제는 로그인 필요

console.log / dir 의 사용성..? 예제? 부탁드립니다.


log 메소드는 대상을 HTML 형태로 출력,

dir 메소드는 대상을 객체 형태로 출력


한다고 하는데, log 와 dir이 각 각 어떤 상황에서 주로 사용되는지 궁금합니다.

아직 javascript 입문 단계라서 그런지, 이해가 많이 어렵네요 ㅠ


ex)log는 여러 개의 값을 파라미터로 전달이 가능하기에, ~상황에서 사용이 된다.

ex)dir는 하나의 객체 속성을 파라미터로 전달하기에, ~상황에서 사용이 된다.


등등.. 부탁드립니다.


#javascript log dir #javascript log current directory #javascript log working directory #javascript console log dir

profile_image 익명 작성일 -

console.log은 콘솔에 값을 출력하는 데 사용됩니다. 주로 간단한 값이나 문자열, 배열, 객체 등을 출력할 때 사용됩니다.

console.dir은 객체의 속성들을 자세히 살펴볼 때 유용합니다. 객체의 프로퍼티를 펼쳐서 보여주므로, 복잡한 객체 구조나 중첩된 객체의 내부를 살펴볼 때 효과적입니다.

const person = { name: "test", age: 10, address: { city: "seoul", country: "Korea" } }; console.dir(person);

이 경우, console.log을 사용하면 객체 전체가 텍스트로 표시되지만, console.dir을 사용하면 객체의 구조가 펼쳐져서 표시됩니다.

​

console.log은 간단한 값을 출력할 때 사용하며, 출력이 텍스트 형태로 표시됩니다.

console.dir은 복잡한 객체의 내용을 자세히 살펴볼 때 사용하며, 객체의 구조가 펼쳐져서 표시됩니다.

이 두 메소드는 출력하려는 값의 상황에 따라 사용되며, 간단한 로깅에는 console.log을 사용하고, 객체의 자세한 구조를 살펴볼 때는 console.dir을 사용하는 것이 좋습니다.

profile_image 익명 작성일 -

dir은 매개변수로 전달된 객체의 속성을 보기위해 사용됩니다.

ajax 같은걸로 data 보내기 전에 무슨 값을 보내는지 볼 때는 dir이 편합니다

json 형식의 트리구조로 데이터를 보여주기 때문에 무슨 키에 무슨 값이 들어있는지 한눈에 보기 쉽기 때문이죠

​

나머지 경우엔 대부분 log를 사용합니다. html 값을 보거나 body가 어떤 구조로 이루어져있거나 하는 그런 상황말이죠

예를들어 모달창에 새로운 화면을 서버를 통해 받을 때

어떤 화면이 이루어져있는지 html 형식을 읽을때라던가

아니면 단순하게 서버가 무슨값을 보냈는지 확인하거나 데이터 하나짜리 작은 값을 사용할때도 수시로 사용합니다.

매개변수로 전달된 개체의 값 그 자체를 보여주는것이기 때문에 그저 모든 상황에서 쓸 수 있다고 보시면 됩니다.

연관된 질문 답변 리스트

미국영주권취득

... 매우 어려워 실질적으로 이 단계를 생략 할 수 있는 NIW 과정 또는 본인이 특별한... 참고하시고 좀 이해가 어려울 수도 있는데 자세한 것은 변호사의 조력을 받으시기...

nodejs사진등록error:ER_ACCESS...

... console.dir(addedMemo); console.log('inserted ' + addedMemo.affectedRows + ' rows... 정말 너무 어려워요.. ㅠ 도움즘 주세요 데이터베이스...

자바코드수정좀 해주세요 ㅜ.ㅜ

... 너무 어려워요 ㅜ.ㅜ 링크는 새창에서 뜨게하고요... do?Redirect=Log&logNo=100022438063 위 블로그 내용을 보시면은 window.open 메서드에 대해 쉽게 이해가실겁니다....

리버풀의 우승년도를 알고 싶어요

... Redirect=Log&logNo=40034325329 1.케니 달글리쉬 너무나도... http://kin.naver.com/detail/detail.php?d1id=10&dir_id=100817&eid... 그들을 이해합니다. 그들은 39명의 친구를...

수학선행

... 그리고 님이 10가를 이해만 확실히 되신다면 괜찮습니다. 10나 내용 별로 안어려워요 거의 직선방정식이런건데 도형만 잘그리고 그러면쉽게쉽게 넘어갈수 있어요 . 너무...

워드프로세서 2급 필기...

... 교정부호의 이해 : 교정부호는 보너스 문제...!!! 적은 내용에 출제비율은 높은 편. 57. 지시문서의 종류 : 훈령, 지시, 예규, 일일명령 58. 공문서 표준 용지 규격 : A4...

공부잘하는방법...^^?

... 보면 어려워 질수 있다. 이럴 때 교과서나 참고서 등의 설명을 참고 하면서 노트에... (핵심을 정리 할 때는 교과서나 참고서를 그대로 베끼지 말고 자기가 이해한대로...

간단한 servlet 프로그램 실행...

... 이 jdk는 java.sun.com 에서 다운로드 받을 수... id='log/error.log'/> <war-dir id='webapps'/> <web-app id... 중간에 번역자라거 생각하시면 쉽게 이해가...