목차

1. 로깅(Logging)
2. 디버깅(Debugging)

로깅 (Logging)

Nuxt.js 애플리케이션에서는 console 객체를 사용하여 간단한 로그 기록을 할 수 있습니다. 예를 들면:

console.log('로그 메시지');
console.error('에러 메시지');

Nuxt.js는 nuxt.config.js 파일을 통해 로그 레벨을 지정할 수 있는 유용한 로깅 설정 옵션도 제공합니다.

export default {
  // ...
  build: {
    extend(config, ctx) {
      // ...
    },
    terser: {
      terserOptions: {
        compress: {
          drop_console: true
        }
      }
    }
  }
}

디버깅 (Debugging)

Nuxt.js 애플리케이션을 디버깅하기 위해 개발자 도구(DevTools)를 사용할 수 있습니다. Chrome 브라우저에서 개발자 도구를 열고 Sources 탭에서 소스코드를 확인하며 디버깅할 수 있습니다.

또한, Vue Devtools를 사용하여 Vue.js 애플리케이션을 디버깅할 수도 있습니다.

이외에도 Nuxt.js의 공식 플러그인 중 하나인 @nuxtjs/dotenv를 사용하여 환경 변수를 설정하고 디버깅할 수도 있습니다.

Nuxt.js에서 로깅(logging) 및 디버깅에 대한 자세한 내용은 Nuxt.js 공식 문서를 참고하시기 바랍니다.