nodejs (3) 썸네일형 리스트형 DOMMatrix is not defined: Next.js SSR 에러 하나 잡은 이야기 Next.js 프로젝트에 PDF 뷰어(react-pdf)를 붙였더니, 페이지를 열 때마다 콘솔에 이런 에러가 찍혔다. DOMMatrix is not defined PDF 미리보기 화면을 아직 열지도 않았는데 왜 홈 화면만 들어가도 에러가 났을까. 원인을 따라가 보니 SSR(서버 사이드 렌더링)의 기본 동작 방식을 다시 짚어볼 필요가 있었다.Next.js는 컴포넌트를 두 번 실행한다Next.js는 페이지를 브라우저에 보내기 전에, HTML을 미리 만들어두기 위해 Node.js 서버에서 컴포넌트 함수를 한 번 실행한다. 이게 SSR이다. 이렇게 만든 HTML을 먼저 보내서 사용자가 빈 화면 대신 콘텐츠를 바로 보게 하고, 그다음 브라우저가 같은 컴포넌트를 다시 실행해서 클릭 같은 인터랙션을 붙인다(hydra.. [face-api.js] 얼굴인식 https://justadudewhohacks.github.io/face-api.js/docs/index.html face-api.js face-api.js JavaScript API for face detection and face recognition in the browser implemented on top of the tensorflow.js core API (tensorflow/tfjs-core) Table of Contents: Resources Live Demos Check out the live demos! Tutorials Check out my face-api.js t justadudewhohacks.github.io 업로드된 파일에서 사람을 인식해서 학습하고, 학습된 데이터 내에서 .. [fluent-ffmpeg] video codec 변경 flutter로 작성한 모바일앱에서 첨부한 동영상 파일 중 일부가 재생 안 되는 현상 발생. 동영상 코덱이 재생할 수 없는 형태로 인코딩 되어있음을 확인했다. nodejs 구성한 백엔드에서 첨부된 비디오 코덱을 일괄 변경하기로 결정. fluent-ffmpeg이라는 라이브러리를 사용했다. https://www.npmjs.com/package/fluent-ffmpeg fluent-ffmpeg A fluent API to FFMPEG (http://www.ffmpeg.org). Latest version: 2.1.2, last published: 5 years ago. Start using fluent-ffmpeg in your project by running `npm i fluent-ffmpeg`. The.. 이전 1 다음