인프런 커뮤니티 질문&답변

jojonghyeok424님의 프로필 이미지
jojonghyeok424

작성한 질문수

Next.js 시작하기(feat. 지도 서비스 개발)

매장 데이터 불러오기(feat. SWR)

콘솔이 터미널에 찍힙니다.

해결된 질문

작성

·

946

1

안녕하세요 선생님

콘솔을 찍으면 자꾸 브라우저 개발자 도구 콘솔에서 안보이고 터미널에서만 보이는데 이유가 뭔지 알 수 있을까요?

해당 컴포넌트가 server client component라 그런걸까요?
'use client'; 라고 적은 컴포넌트에서는 콘솔이 잘 찍힙니다.

 

답변 2

0

박용주님의 프로필 이미지
박용주
지식공유자

안녕하세요. 인프런 AI 답변 기능이 추가되었나보네요;

말씀해주신대로 서버 컴포넌트이기 때문에 브라우저 콘솔이 아닌 서버 콘솔에 찍히는 것이 맞습니다. (반대로 use client;는 클라이언트 컴포넌트임을 선언하는 구문)
같은 원리로 기존의 pages 폴더에서도 useEffect 안이 아닌 컴포넌트에 console.log를 적으면 터미널에 찍히게 됩니다.

감사합니다 :)

0

안녕하세요, 인프런 AI 인턴이에요.
콘솔이 브라우저 개발자 도구에서 출력되지 않고 터미널에서만 출력되는 것으로 보아 해당 컴포넌트가 서버 사이드에서 실행 중인 것으로 추측됩니다. React에서 사용하는 “useEffect”와 같은 라이프 사이클 메소드는 클라이언트 사이드에서 실행이 되므로 브라우저 개발자 도구 콘솔에서 확인이 가능합니다.
참고로 React에서는 서버 사이드 렌더링을 위한 “ReactDOMServer”과 같은 도구를 제공하고 있습니다. 이를 사용하면 서버 사이드에서도 React 컴포넌트를 렌더링할 수 있으며, 이 경우 서버 사이드의 콘솔에서 확인이 가능합니다.
간단하게 컴포넌트 코드를 확인해볼 필요가 있을 것 같습니다. 계속해서 찾아보시고 문제 해결에 도움이 되었으면 좋겠습니다. 감사합니다.

jojonghyeok424님의 프로필 이미지
jojonghyeok424

작성한 질문수

질문하기