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

안녕하세요. 갓대희 입니다. 이번 포스팅은 [ AWS - Route 53 개념 및 사용해보기 ] 입니다. : ) 항상 공식 문서 같이 확인 하도록 하자. https://docs.aws.amazon.com/ko_kr/Route53/latest/DeveloperGuide/Welcome.html 0. 들어가기 앞서 ▶ Amazon Route 53 은 가용성과 확장성이 뛰어난 Domain Name System (DNS) 웹 서비스이다. ▶ Route 53을 통해 DNS를 관리(도메인 구입, 네임서버 등록 등)를 할 수 있고, 모니터링 기능까지 제공한다. ▶ 사용자의 요청을 EC2 인스턴스, ELB, S3 등 AWS 에서 실행되는 인프라에 효과적으로 연결하고, AWS 외부의 인프라로 라우팅하는데도 사용 가능하다...

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

안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 웹 사이트 속도 측정 방법(feat 쇼핑몰 주요 페이지 속도 측정 방법)에 대한 고찰 ] 하려 한다. : ) 페이지 로딩에 대한 중요성과 관련하여서는 이전 글에서도 언급하였지만 한번만 더 확인하고 넘어 가자. - 조금더 자세한 내용을 확인하고자 하면 다음글을 훑어 보는것도 좋을 것 같다. 2023.11.04 - [2. 웹개발/개발 주저리] - Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(1) - 개요(용어, 목적) 웹 성능과 비즈니스의 상관 관계에 대한 내용을 살펴보자. - 웹사이트 로드 시간이 1초 증가될 때마다 사용자 수가 10% 감소(BBC) - 웹사이트 로드 시간이 1초 감소할 때마다 서비스 전환율 ..

안녕하세요. 갓대희 입니다. 이번 포스팅은 [ Javascript 뒤로가기 BF Cache 에러 ] 입니다. : ) 0. 들어가기 앞서 - 예전 Safari, Firefox 브라우저에서, 나와 같은 경우 아이폰 웹뷰 Safari의 경우에 BFCache 때문에 페이지 개발 방식에 따라 뒤로가기시 스크립트 로드가 되지 않아 정상 동작하지 않는 경우가 있었다. 2020.08.15 - [2. 웹개발/Javascript Function 모음] - [Javascript] (BFCache이슈) IOS 웹뷰 뒤로가기 자바스크립트 오류(IOS History Back Error) - 다만, 이젠 크롬에도 BFCache가 도입되었고 또다시 크롬에서도 BFCache때문에 고통을 겪게 되었다. 그리고 예전글에서 가이드 했던 내..