※ 실제 사용자 입장(싸이트 담당자가 아닌)인 경우 간단하게 브라우저의 쿠키만 지워줘도 문제가 해결 된다! - 이번 내용은 사이트 담당자 입장에서 해당 문제를 어떻게 방지할 지에 대한 내용을 다루려고 한다. - 브라우저에서 쿠키 삭제하는방법도 혹시몰라 남겨 둔다. ex) 크롬 - 크롬 실행 > 우측 상단 점3개 아이콘 클릭 > 설정 클릭 - 좌측 메뉴 "개인 정보 및 보안" 클릭 > "인터넷 사용 기록 삭제" 클릭 - 개별 사이트별로삭제 할 수도 있지만, 본 글의 목표가 아니므로 전체 삭제하는 방법만남겨 둔다. 1. 에러 현상 확인 - 고객 브라우저에서 간헐적으로 이미지가 잘 보이지 않는 현상이 접수 되었다. - 해당 이미지의 url을 치고 들어가면 다음과 같은 메세지를 볼 수 있다. 2. 에러 발생 원..

1. 에러 로그 - 고객 클레임 개선을 위해 프로젝트 모니터링 중 다음과 같은 에러가 발생하는 경우를 확인하게 되었다.\ ex) console 에서 에러 확인 예시 ex) 모니터링 툴로 확인시 - 먼저 유사한 에러 패턴(발생 위치, 기기)은 어떻게 되는지 확인 해보면 다음과 같다. ( 결론적으로는 특수한 상황에 LocalStorage에 대한 Set을 하는경우 에러가 발생하며, 빈도수는 간헐적 이었다. ) ex) 발생 기기 - 발생 기기를 확인 한 이유는 하기 Browser종류에 따라서 발생 빈도가 다를 것으로 예상되어 확인 해 보았다. ( 참고로 Android 사용 유저가 현 싸이트에서는 80 ~ 90% 수준이기 때문에, 발생 빈도는 IOS에서 훨씬 많이 발생 하고 있었다. ) ex) 발생 위치 2. 에..

[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..

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.  - 갑자기 다음과 같은 에러가 발생하면서 다음 내용을 참..

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파일 소스 병합시 휴먼 에러로 다음과 같은 코드가 남아 있어 충돌이 발생하였다. =======..

1. 에러 로그 - 간혹 브랜치 생성 또는 Push 시 다음과 같은 유형의 에러메세지가 발생하며, 브랜치 생성 또는 Push가 불가능한 경우가 있다. cannot lock ref 'refs/heads/...' 'refs/heads/...' exists cannot create 'refs/heads/...' - 보통은 다음과 같이 특정 분기/하위 브랜치를 생성하려고 시도하는 경우에 봤을 것 이다. ex) ## feature cannot lock ref 'refs/heads/feature/branchname' 'refs/heads/feature' exists cannot create 'refs/heads/feature/branchname' ## hotfix cannot lock ref 'refs/heads/..