본문 바로가기 메뉴 바로가기

메로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

메로그

검색하기 폼
  • 분류 전체보기 (215)
    • 일상 메모.. (1)
    • 업무 메모.. (46)
    • SEO (14)
    • TM (10)
    • 개발.. (142)
      • Node (17)
      • Git (14)
      • Javascript (19)
      • React (29)
      • Nextjs (22)
      • Vue (14)
      • Nuxtjs (7)
      • Svelte (3)
      • Angular (3)
      • Sass(Scss) (7)
      • Webpack (6)
  • 방명록

Debug (1)
vite 기반 React 에서 console.log 기반 디버그 모드 구현하기

상용배포를 하게 되면 에러가 발생시에 상용서버에서 디버깅을 하기가 쉽지가 않다.보통 build 를 하게 될 때, 불필요한 주석, 디버거, 콘솔을 없애고 minify 하게 되는데, 상용에서 에러가 난 경우에 개발용으로 만들었던 로그가 찍히지 않다보니 에러 발생시 개발서버를 이용해서 확인해야 되는 이슈가 발생하였음.특히 프론트엔드에서는 직접 로그를 만들지 않으면, 로그 관리가 어렵다는 점이 발생함. 그래서! 상용서버에서 확인할 수 있도록, console.log 기반의 디버그 모드를 구현하기로 함.1. 디버그 모드 함수 모듈화const startDebugMode = () => { if (process.env.NODE_ENV === 'development') return window.setDebugMode ..

개발../React 2024. 6. 27. 15:50
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • nextjs13
  • NextJS
  • 네이버 서치 어드바이저
  • nextjs15
  • 타입스크립트
  • Git
  • nuxt2
  • NUXT
  • Github Actions
  • cors
  • 스벨트
  • vue composition api
  • Ai
  • vscode
  • openAI
  • seo
  • Vite
  • 오블완
  • 깃허브
  • React
  • 서버 to 서버
  • vue router
  • svelte
  • nextjs14
  • 티스토리챌린지
  • AWS
  • github
  • Zustand
  • nodejs
  • ChatGPT
more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바