2. 웹개발
-
※ 실제 사용자 입장(싸이트 담당자가 아닌)인 경우 간단하게 브라우저의 쿠키만 지워줘도 문제가 해결 된다! - 이번 내용은 사이트 담당자 입장에서 해당 문제를 어떻게 방지할 지에 대한 내용을 다루려고 한다. - 브라우저에서 쿠키 삭제하는방법도 혹시몰라 남겨 둔다. 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 -
1. 에러 로그 - 어느날 프로젝트 실행시 다음과 같은 에러가 발생하는 경우를 본 적이 있다. - browserslist 하기 관련 에러는 Webpack, babel 등을 사용하는 프로젝트, 또는 해당 라이브러리를 사용하는 경우 발생하는 듯 하다.Creating an optimized production build...Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest Why you should do it regularly: https://github.com/browserslist/update-db#readmeFailed to compile. - 갑자기 다음과 같은 에러가 발생하면서 다음 내용을 참..
Browserslist: caniuse-lite is outdated. Please run next command 'npm update caniuse-lite browserslist' 에러1. 에러 로그 - 어느날 프로젝트 실행시 다음과 같은 에러가 발생하는 경우를 본 적이 있다. - browserslist 하기 관련 에러는 Webpack, babel 등을 사용하는 프로젝트, 또는 해당 라이브러리를 사용하는 경우 발생하는 듯 하다.Creating an optimized production build...Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest Why you should do it regularly: https://github.com/browserslist/update-db#readmeFailed to compile. - 갑자기 다음과 같은 에러가 발생하면서 다음 내용을 참..
2024.03.05 -
1. 에러 로그 - 기존엔 정상적으로 yarn install이 정상적으로 수행 완료 되었다. - 갑자기 다음과 같은 에러가 발생하면서 빌드 완료 후 yarn.lock 파일을 살펴보면 최종 yanr.lock파일과 바른부분을 발견할 수 있었다. ( 나의 경우 신규 추가한 라이브러리가 추가 되지 않고 계속 오류르 뱉어내는 현상이 있었다.) $ yarn install yarn install v1.0.1 info Merge conflict detected in yarn.lock and successfully merged. [1/4] Resolving packages... 1. 에러 원인 ex) 나의 경우 yarn.lock파일 소스 병합시 휴먼 에러로 다음과 같은 코드가 남아 있어 충돌이 발생하였다. =======..
[ yarn ] info Merge conflict detected in yarn.lock and successfully merged 에러1. 에러 로그 - 기존엔 정상적으로 yarn install이 정상적으로 수행 완료 되었다. - 갑자기 다음과 같은 에러가 발생하면서 빌드 완료 후 yarn.lock 파일을 살펴보면 최종 yanr.lock파일과 바른부분을 발견할 수 있었다. ( 나의 경우 신규 추가한 라이브러리가 추가 되지 않고 계속 오류르 뱉어내는 현상이 있었다.) $ yarn install yarn install v1.0.1 info Merge conflict detected in yarn.lock and successfully merged. [1/4] Resolving packages... 1. 에러 원인 ex) 나의 경우 yarn.lock파일 소스 병합시 휴먼 에러로 다음과 같은 코드가 남아 있어 충돌이 발생하였다. =======..
2024.02.21