728x90

IT/Nuxt 3

npm run build시 메모리 오류 날때,

Mark-sweep 466.9 (481.5) -> 466.8 (483.5) MB, 580.4 / 0.0 ms (average mu = 0.284, current mu = 0.126) allocation failure; scavenge might not succeed export NODE_OPTIONS=--max_old_space_size=4096기본은 2GB로 설정되어있는데,, 이게 메모리가 부족하면 빌드하다가 오류가 나버린다.. https://support.circleci.com/hc/en-us/articles/360009208393-How-Can-I-Increase-the-Max-Memory-for-Node 만약에 docker를 사용중이면 docker container 빌드를 할때 ENV에 추가해줘야..

IT/Nuxt 2024.03.29

nuxt3에서 eslint 설정

1. 모듈에서 eslint 모듈 설치방법 참고해서 세팅 https://nuxt.com/modules/eslint 2. IDE 설정 참고 https://nuxt.com/docs/community/contribution#ide-setup 3. 기본 eslint configure 세팅 https://github.com/nuxt/eslint-config GitHub - nuxt/eslint-config: ESlint config used for Nuxt ESlint config used for Nuxt. Contribute to nuxt/eslint-config development by creating an account on GitHub. github.com global 함수의 경우 에러처리가 되는데, 내 ..

IT/Nuxt 2023.08.17

nuxt를 사용할때.. ssr과 csr을 잘 이해해야한다.

간단하게 이야기하자면,, CSR을 통해서만 가능한 로직이 있따면 onMounted같은 라이프사이클 훅을 사용해서 client side에서 렌더링 될수 있도록 해야한다. 예를들어 request를 요청할때 알아서 브라우저 상의 language code를 accept-language라는 header로 넣어서 보내주는데.. 이걸 ssr에서 request를 요청하게 되면 브라우저의 language code를 알수 없는 상황이기 때문에, 첫 vue app이 로드될때까지는 language code가 제대로 안넘어간다. 이 문제를 해결할수 있는 방법은 다양하겠지만.. 1. 첫 로딩시 browser 설정 언어대신에, 서비스에서 이용할 언어를 사용자가 선택하고 해당 언어 코드를 header에 심어서 보내주는 방법 2. r..

IT/Nuxt 2023.08.16
728x90