이시안 개발 블로그

Vue 개발도구 Memory Leak 해결하기? Vue 프로젝트 작업 중 Vue devtools를 켠 순간 Possible EventEmitter memory leak detected. EventEmitter에서 메모리 누수가 날 수도 있다는 경고 메시지와 함께 브라우저가 작동하지 않게 되었습니다. 개발 생산성을 높여주는 Vue 개발 도구를 부활시키기 위해 삽질한 내용을 기록해보려고 합니다. ⚽ 일단 시키는대로 경고 메시지에서는 EventListener의 수를 늘리라고 합니다. 프로젝트에서는 web3 모듈을 사용하고 있었으며 web3의 provider가 EventListener를 관리하고 있습니다. 기본 설정이 100(Node.js는 10)이어서 과감하게 1000으로 늘려봤습니다. 1000개로 늘렸지만 ..

웹 페이지로 접근 시 초기화면으로 메인 페이지 대신 로그인 페이지를 보여주고 싶을 때 사용할 수 있는 방법과 클라이언트가 없는 URL로 접근하는 것을 막기 위한 방법을 간단한 코드를 통해 알아보겠습니다. 초기 화면 설정 routes: [ { path: '/', redirect: '/login' }, { path: '/login', component: () => import('@/views/LoginPage') }, ] vue-router를 설정하는 코드입니다. routes에서 루트 패스로 접근하면 redirect를 통해 '/login' URL로 이동하게끔 설정한 것을 확인할 수 있습니다. 이후에 쿠키나 세션을 이용해서 로그인한 정보가 있다면 루트 패스로 접근할 때 로그인 페이지로 리다이렉트하는 대신 메인..