개발자

vscode 터미널에서 출력창 띄우기

2024년 03월 06일조회 142

안녕하세요 현재 nextJs 공부중입니다. 항상 브라우저 콘솔에서 출력창을 확인 했었는데 nextJs는 서버에서 출력이 되어 vscode 터미널에서 확인 해야 하는데 제 컴퓨터에서는 뜨질 않네요 ㅜㅜ 어떤 걸 해야 터미널에서 콘솔 출력창을 띄울 수 있을까요?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 1

김하늘님의 프로필 사진

서버 사이드에서 발생한 로그는 실행중인 터미널에 떠있을 거예요. npm run dev 등의 커맨드를 실행한 터미널을 살펴보세요.

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2024년 03월 06일

Next.js에서 콘솔 로그를 확인하기 위해서는 일반적으로 터미널에서 서버를 실행하고 해당 로그를 직접 보는 방법을 사용합니다. 혹시 서버가 정상적으로 시작되지 않았다면, 그 때는 콘솔로부터 아무런 출력도 볼 수 없을 것입니다. 다음과 같은 단계를 거쳐 확인해보세요. 1. VS Code의 터미널(Terminal)을 열어주세요. (View > Terminal 또는 `Ctrl + ~`) 2. Next.js 애플리케이션이 위치한 디렉토리로 이동합니다. 3. 터미널에서 `npm run dev` 또는 `yarn dev`을 실행해주세요(프로젝트에서 사용하는 패키지 매니저에 따라 다릅니다). 4. 만약 에러 메세지가 없다면, Next.js 서버가 성공적으로 시작된 것입니다. 5. 터미널에 출력된 메세지를 확인하세요. 여기에 모든 콘솔 메시지가 포함됩니다(예: `console.log`, 에러 메시지 등). 6. 코드에 "console.log" 문을 추가하고, 변경 사항을 저장한 후 웹 페이지를 리로드하여 로그를 확인할 수 있습니다. 만약 위의 과정 중 어느 한 단계에서 문제가 발생한다면, 해당 문제를 해결하기 위한 추가 조치가 필요할 수 있습니다. 브라우저의 콘솔 창에서 메시지를 확인하는 것은 클라이언트 측 JavaScript 코드로 한정되지만, Node.js(즉, Next.js)는 서버 측 코드까지 확인이 가능합니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!