🔍 최적화 🔍 최적화 기법 👀 HTML, CSS 코드 최적화 ✔ HTML 최적화 ✔ CSS 최적화 👀 리소스 로딩 최적화 👀 브라우저 이미지 최적화 1. 이미지 스프라이트 사용 2. 아이콘 폰트 사용 3. WebP 또는 AVIF 이미지 포맷 사용 4. CDN(
👀 캐시 사용 👀 캐시 검증 헤더 & 조건부 요청 헤더 ✔ 캐시 검증헤더 ✔ 조건부 요청 헤더 ✔ 사용 방법
🔍 Tree Shaking 👀 JavaScript Tree Shaking 1. 필요한 모듈만 import 2. Babelrc 파일 설정 3. sideEffects 설정 4. ES6 문법을 사용하는 모듈 사용
🔍 Lighthouse 👀 Lighthouse 분석 결과 항목 🔥 예시
🔍 Amazon Web Service(AWS) 👀 Cloud Computing 👀 Deploy 👀 Amazon EC2(Elastic Compute Cloud) ✔ AMI 👀 RDS(Relational Database Service) 👀 S3(Simple St
🔍 CI/CD 👀 CI/CD의 단계 ✔ 지속적 통합(Continuous Integration, CI) ✔ 지속적 배포(Continuous Delivery/Deployment, CD) 👀 CI/CD 파이프라인 👀 Github Action으로 Client 배포하기