console.log() 실행 오류

[최윤아]

하기와 같이 console.log를 실행하면 실행되지 않습니다.
구글에 아무리 찾아봐도 잘 모르겠어서 문의 드립니다 ㅠㅠ

#cart/page.js

import { age, name } from "./data.js";
console.log("onload nextjs : ", age, name);

export default function Cart() {
  return (
    <div>
      <h4 className="title">Cart</h4>
      <CartItems></CartItems>
    </div>
  );
}

function CartItems() {
  return (
    <div className="cart-item">
      <p>상품명</p>
      <p>가격</p>
      <p>수량</p>
    </div>
  );
}

[codingapple]

export default function Cart() { 
내부에 코드넣어봅시다

[최윤아]

export default function Cart() {} 
내부에 넣으면 git bash에는 로그가 찍히는데
크롬 개발자 도구에는 찍히지 않습니다.
next.js의 이슈라고 보기는 어려운 걸까요?

[codingapple]

서버컴포넌트의 코드는 서버에서만 실행됩니다

[최윤아]

강의 내용에 나와있는 대로
cart/pages.js <- 컴포넌트 상단에
'use client' 구문을 넣었더니 개발자 도구에서 
콘솔이 찍힙니다!

답변 감사합니다.
 

[글쓴이]

글