12.노드 빌드시 메모리 누수

일단 노드 빌드시 메모리 누수를 체크하기 위한 사전 작업

1. cross-env 라이브러리를 설지한다.

npm i -D cross-env

2. 내가 검사하고 싶은 노드 명령어를 메모리 누수 체크 명령어로 실행한다. (package.json)

{
  "scripts": {
    "dev": "cross-env NODE_OPTIONS='--inspect' vue-cli-service serve",
    "serve": "vue-cli-service serve"
  }
}

serve 명령어로 실행되는 노드 명령어를 검사하고 싶다면 위와 같이 작성한다.
그리고 npm run dev 명령어를 실행한다.

3. 크롬 url에 chrome://inspect라고 입력한다.

그럼 이렇게 뜰 것이다.

3. 그럼 위와 같이 메모리 누수 부분을 확인할 수 있다.

라이브러리 및 특정 코드를 작성할 때, 이런 메모리 누수를 잘 확인해야겠다.
안 그러면 빌드시 시간이 너무 오래걸리거나, hot module reload시 노드가 중간에 꺼지거나 그런 문제가 발생하니깐.
어찌됐던 해결해야될 문제다.

참고자료

• Node.js memory leak 메모리누수
• vue 2.x 메모리 누수 방지
• 어랏! 여기에서 OOM이 발생할 줄이야..
• How to Find, Fix, and Prevent Node.js Memory Leaks
• Node.js 메모리 누수
• 크롬 메모리 프로파일러 사용하는 방법
• 자바스크립트 메모리 프로파일링
• Nodejs - 메모리 JavaScript heap out of memory
• Nodejs - 메모리 누수 확인
• Next.js 메모리 누수 해결
• 자바스크립트 에러와 스택 트레이스 심화
• 자바스크립트 메모리 누수와 해결 방법
• Debugging and Profiling memory leaks in NodeJS using Chrome