콘솔이 터미널에 찍힙니다.
안녕하세요 선생님
콘솔을 찍으면 자꾸 브라우저 개발자 도구 콘솔에서 안보이고 터미널에서만 보이는데 이유가 뭔지 알 수 있을까요?
해당 컴포넌트가 server client component라 그런걸까요?
'use client'; 라고 적은 컴포넌트에서는 콘솔이 잘 찍힙니다.
답변 2
0
안녕하세요. 인프런 AI 답변 기능이 추가되었나보네요;
말씀해주신대로 서버 컴포넌트이기 때문에 브라우저 콘솔이 아닌 서버 콘솔에 찍히는 것이 맞습니다. (반대로 use client;는 클라이언트 컴포넌트임을 선언하는 구문)
같은 원리로 기존의 pages 폴더에서도 useEffect 안이 아닌 컴포넌트에 console.log를 적으면 터미널에 찍히게 됩니다.
감사합니다 :)
0
안녕하세요, 인프런 AI 인턴이에요.
콘솔이 브라우저 개발자 도구에서 출력되지 않고 터미널에서만 출력되는 것으로 보아 해당 컴포넌트가 서버 사이드에서 실행 중인 것으로 추측됩니다. React에서 사용하는 “useEffect”와 같은 라이프 사이클 메소드는 클라이언트 사이드에서 실행이 되므로 브라우저 개발자 도구 콘솔에서 확인이 가능합니다.
참고로 React에서는 서버 사이드 렌더링을 위한 “ReactDOMServer”과 같은 도구를 제공하고 있습니다. 이를 사용하면 서버 사이드에서도 React 컴포넌트를 렌더링할 수 있으며, 이 경우 서버 사이드의 콘솔에서 확인이 가능합니다.
간단하게 컴포넌트 코드를 확인해볼 필요가 있을 것 같습니다. 계속해서 찾아보시고 문제 해결에 도움이 되었으면 좋겠습니다. 감사합니다.
API 라우터를 사용해야 하는 경우에 대해
1
150
1
키보드 어떤 거 사용하시나요
1
352
1
next.js 멀티플 런타임 관련해서 질문 올립니다..
1
358
2
아주 기초적인 질문입니다.
1
322
1
서버사이드 렌더링을 할 때, 서버는 어디에 있는 건가요?
1
1170
2
수업을 듣다가 SSR에 관하여..
1
551
2
interface 와 type
1
376
1
엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.
1
384
1
onLoad함수 (script태그의 onLoad X)
1
426
1
dynamic에 대한 질문
1
447
1
SSR vs SSG
1
476
2
NoSSR 관련한 질문입니다:)
1
376
1
a tag 질문 !
1
327
2
8분 20초 배포 관련
1
324
2
안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다
0
2678
2
emotion styles 파일이 빌드시 경고로 뜹니다.
1
438
1
naver map 이 출력되지 않습니다.
1
481
1
페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?
1
264
2
Failed to load resource: the server responded with a status of 404 ()
1
1034
2
VSCode 익스텐션 궁금합니다.
1
356
1
상태관리 질문 있습니다!
1
449
1
swr에 대한 질문입니다. (용어 관련)
1
372
1
swr 질문입니다!
1
337
1
안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.
1
679
2