분류 전체보기
-
노드 프로젝트를 빌드 하다보면 다양한 원인으로 빌드가 잘 안되고 다음과 같은 메세지를 보게될 수도 있다. ex) 에러 메세지... 중략allocation failure scavenge might not succeed... ex) 에러 발생 환경 예시 - AWS 프리티어와 같은 저스펙 서버인 경우 - 프로젝트가 점점 비대해져 빌드시 메모리 오류 발생 - 로컬환경에서 빌드시 각각의 개발자 PC 스펙 및 프로젝트 규모에 따른 메머리 부족현상 등등 ※ 결론 - NodeJs는 프로세스를 시작할 때 default 메모리를 제한하게 되어 있다. (os, node version 등에 따라 다 다르다.) 그렇기 때문에 특정 환경에 따라, 메모리 할당문제로 Node.js 프로세스가 종료될 수 있다. - 노드의 메..
[ yarn(npm) install error ] - "allocation failure scavenge might not succeed" 해결방법 ( Nodejs Increate The Memory Limit )노드 프로젝트를 빌드 하다보면 다양한 원인으로 빌드가 잘 안되고 다음과 같은 메세지를 보게될 수도 있다. ex) 에러 메세지... 중략allocation failure scavenge might not succeed... ex) 에러 발생 환경 예시 - AWS 프리티어와 같은 저스펙 서버인 경우 - 프로젝트가 점점 비대해져 빌드시 메모리 오류 발생 - 로컬환경에서 빌드시 각각의 개발자 PC 스펙 및 프로젝트 규모에 따른 메머리 부족현상 등등 ※ 결론 - NodeJs는 프로세스를 시작할 때 default 메모리를 제한하게 되어 있다. (os, node version 등에 따라 다 다르다.) 그렇기 때문에 특정 환경에 따라, 메모리 할당문제로 Node.js 프로세스가 종료될 수 있다. - 노드의 메..
2024.05.13 -
[ VSCode ] Visual Studio Code 유용한 확장팩 설치(추천 플러그인 설치) 안녕하세요. 갓대희 입니다. 이번 포스팅에선 Visual Studio Code의 몇가지 유용한 확장팩, 추천 플러그인을 설치 해보려 합니다. :- ) 1) Reactjs code snippets - 리액트에서 자주 사용하는 코드 뭉치들을 자동 완성 해주는 플러그인 - React 관련 템플릿을 단축키로 작성할 수 있게 된다. - 자주 사용하는 키워드는 아래 표와 같고, rcc를 입력하여 선택하면 우측의 기본 클래스형 컴포넌트를 만들어 주게 된다. trigger content rcc 클래스 컴포넌트 생성 rrc 클래스 컴포넌트와 react-redux 리덕스를 연결하여 생성 rcjc import와 export 없이 ..
[ VSCode ] Visual Studio Code 유용한 확장팩 설치(추천 플러그인 설치)[ VSCode ] Visual Studio Code 유용한 확장팩 설치(추천 플러그인 설치) 안녕하세요. 갓대희 입니다. 이번 포스팅에선 Visual Studio Code의 몇가지 유용한 확장팩, 추천 플러그인을 설치 해보려 합니다. :- ) 1) Reactjs code snippets - 리액트에서 자주 사용하는 코드 뭉치들을 자동 완성 해주는 플러그인 - React 관련 템플릿을 단축키로 작성할 수 있게 된다. - 자주 사용하는 키워드는 아래 표와 같고, rcc를 입력하여 선택하면 우측의 기본 클래스형 컴포넌트를 만들어 주게 된다. trigger content rcc 클래스 컴포넌트 생성 rrc 클래스 컴포넌트와 react-redux 리덕스를 연결하여 생성 rcjc import와 export 없이 ..
2024.04.15 -
※ 실제 사용자 입장(싸이트 담당자가 아닌)인 경우 간단하게 브라우저의 쿠키만 지워줘도 문제가 해결 된다! - 이번 내용은 사이트 담당자 입장에서 해당 문제를 어떻게 방지할 지에 대한 내용을 다루려고 한다. - 브라우저에서 쿠키 삭제하는방법도 혹시몰라 남겨 둔다. ex) 크롬 - 크롬 실행 > 우측 상단 점3개 아이콘 클릭 > 설정 클릭 - 좌측 메뉴 "개인 정보 및 보안" 클릭 > "인터넷 사용 기록 삭제" 클릭 - 개별 사이트별로삭제 할 수도 있지만, 본 글의 목표가 아니므로 전체 삭제하는 방법만남겨 둔다. 1. 에러 현상 확인 - 고객 브라우저에서 간헐적으로 이미지가 잘 보이지 않는 현상이 접수 되었다. - 해당 이미지의 url을 치고 들어가면 다음과 같은 메세지를 볼 수 있다. 2. 에러 발생 원..
[400 Bad Request] - Header Or Cookie Too Large 해결방법※ 실제 사용자 입장(싸이트 담당자가 아닌)인 경우 간단하게 브라우저의 쿠키만 지워줘도 문제가 해결 된다! - 이번 내용은 사이트 담당자 입장에서 해당 문제를 어떻게 방지할 지에 대한 내용을 다루려고 한다. - 브라우저에서 쿠키 삭제하는방법도 혹시몰라 남겨 둔다. ex) 크롬 - 크롬 실행 > 우측 상단 점3개 아이콘 클릭 > 설정 클릭 - 좌측 메뉴 "개인 정보 및 보안" 클릭 > "인터넷 사용 기록 삭제" 클릭 - 개별 사이트별로삭제 할 수도 있지만, 본 글의 목표가 아니므로 전체 삭제하는 방법만남겨 둔다. 1. 에러 현상 확인 - 고객 브라우저에서 간헐적으로 이미지가 잘 보이지 않는 현상이 접수 되었다. - 해당 이미지의 url을 치고 들어가면 다음과 같은 메세지를 볼 수 있다. 2. 에러 발생 원..
2024.04.12 -
[스프링(부트)] Spring (Boot) 배포 직후 발생하는 지연 원인 및 JVM warm up 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ JVM warm up 하기] 입니다. : ) ※ 문제점 ( 웜업(Warm-Up) 적용 하게된 이유 ) - 우리 사이트의 경우 서버 실행 직후, 배포 직후 속도가 느려지는 현상, 초기 응답 지연이 발생이 확인 되고있다. ex) 배포 직후 관측되고 있는 문제 - 이러한 현상은 was 기동 직후 첫 요청처리에 대해 오래 걸리기 때문인데, 원인은 클래스 로더, JVM(Java.Virtual.Machine 의 줄임말)의 JIT 컴파일러, 콜드 스타트와 연관이 있다. ex) 서버 1대 기준으로 확인 시 Restart 직후, 서비스 투입 직후 시점 발생 확인 가능 해당 문제..
[스프링(부트)] Spring (Boot) 배포 직후 발생하는 지연 원인 및 JVM warm up 하기[스프링(부트)] Spring (Boot) 배포 직후 발생하는 지연 원인 및 JVM warm up 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ JVM warm up 하기] 입니다. : ) ※ 문제점 ( 웜업(Warm-Up) 적용 하게된 이유 ) - 우리 사이트의 경우 서버 실행 직후, 배포 직후 속도가 느려지는 현상, 초기 응답 지연이 발생이 확인 되고있다. ex) 배포 직후 관측되고 있는 문제 - 이러한 현상은 was 기동 직후 첫 요청처리에 대해 오래 걸리기 때문인데, 원인은 클래스 로더, JVM(Java.Virtual.Machine 의 줄임말)의 JIT 컴파일러, 콜드 스타트와 연관이 있다. ex) 서버 1대 기준으로 확인 시 Restart 직후, 서비스 투입 직후 시점 발생 확인 가능 해당 문제..
2024.04.08 -
1. 에러 로그 - 고객 클레임 개선을 위해 프로젝트 모니터링 중 다음과 같은 에러가 발생하는 경우를 확인하게 되었다.\ ex) console 에서 에러 확인 예시 ex) 모니터링 툴로 확인시 - 먼저 유사한 에러 패턴(발생 위치, 기기)은 어떻게 되는지 확인 해보면 다음과 같다. ( 결론적으로는 특수한 상황에 LocalStorage에 대한 Set을 하는경우 에러가 발생하며, 빈도수는 간헐적 이었다. ) ex) 발생 기기 - 발생 기기를 확인 한 이유는 하기 Browser종류에 따라서 발생 빈도가 다를 것으로 예상되어 확인 해 보았다. ( 참고로 Android 사용 유저가 현 싸이트에서는 80 ~ 90% 수준이기 때문에, 발생 빈도는 IOS에서 훨씬 많이 발생 하고 있었다. ) ex) 발생 위치 2. 에..
Failed to execute 'setItem' on 'Storage': Setting the value of 'xxx' exceeded the quota1. 에러 로그 - 고객 클레임 개선을 위해 프로젝트 모니터링 중 다음과 같은 에러가 발생하는 경우를 확인하게 되었다.\ ex) console 에서 에러 확인 예시 ex) 모니터링 툴로 확인시 - 먼저 유사한 에러 패턴(발생 위치, 기기)은 어떻게 되는지 확인 해보면 다음과 같다. ( 결론적으로는 특수한 상황에 LocalStorage에 대한 Set을 하는경우 에러가 발생하며, 빈도수는 간헐적 이었다. ) ex) 발생 기기 - 발생 기기를 확인 한 이유는 하기 Browser종류에 따라서 발생 빈도가 다를 것으로 예상되어 확인 해 보았다. ( 참고로 Android 사용 유저가 현 싸이트에서는 80 ~ 90% 수준이기 때문에, 발생 빈도는 IOS에서 훨씬 많이 발생 하고 있었다. ) ex) 발생 위치 2. 에..
2024.04.02 -
[npm, yarn] "self signed certificate in certificate chain" 에러 1. 에러 로그 - npm install 을 하다보면 아래와 같은 에러가 발생 할 때가 있다. ex) SELF_SIGNED_CERT_IN_CHAIN ex) 이외 다양한 npm 설치 시 발생하는 에러 예시들 npm ERR! code SELF_SIGNED_CERT_IN_CHAIN npm ERR! errno SELF_SIGNED_CERT_IN_CHAIN npm ERR! request to https://registry.npmjs.org/@babel/parser/-/parser-version.tgz failed, reason: self signed certificate in certificate cha..
[npm, yarn] "self signed certificate in certificate chain" 에러[npm, yarn] "self signed certificate in certificate chain" 에러 1. 에러 로그 - npm install 을 하다보면 아래와 같은 에러가 발생 할 때가 있다. ex) SELF_SIGNED_CERT_IN_CHAIN ex) 이외 다양한 npm 설치 시 발생하는 에러 예시들 npm ERR! code SELF_SIGNED_CERT_IN_CHAIN npm ERR! errno SELF_SIGNED_CERT_IN_CHAIN npm ERR! request to https://registry.npmjs.org/@babel/parser/-/parser-version.tgz failed, reason: self signed certificate in certificate cha..
2024.04.01