[면접준비] 기술 면접 기초 15일차

AWS S3를 사용하는 이유와 사용 경험에 대해서 답변해주세요.

핵심 키워드 : 클라우드 스토리지, IAM, 버킷 정책

 

AWS S3를 사용하는 이유와 이에 대한 사용 경험을 말씀드리겠습니다.확장성과 내구성:AWS S3는 확장성이 뛰어나고 내구성이 매우 높은 스토리지 서비스입니다. 데이터를 자동으로 여러 리전과 가용 영역에 분산 저장하여 높은 가용성과 신뢰성을 제공합니다. 이를 통해 데이터 손실 위험을 최소화하고, 어떤 상황에서도 데이터에 안정적으로 액세스할 수 있습니다.데이터 보안:S3는 데이터를 안전하게 보호하기 위한 다양한 보안 기능을 제공합니다. 데이터는 전송 중 및 저장 시 암호화되며, IAM 역할과 정책을 통해 세밀한 엑세스 제어가 가능합니다. 또한 버킷 정책을 통해 데이터에 대한 접근 권한을 관리할 수 있어 데이터의 무단 사용을 방지합니다.데이터 관리:S3는 데이터 버전 관리, 수명 주기 정책, 객체 복제 등의 기능을 제공하여 데이터의 수명 주기와 관리를 효율적으로 제어할 수 있습니다. 이를 통해 불필요한 데이터를 자동으로 삭제하거나, 중요 데이터를 다른 리전으로 복제하여 데이터의 안전성을 더욱 향상시킬 수 있습니다.데이터 백업 및 복원:S3는 데이터 백업 및 복원을 쉽게 수행할 수 있는 강력한 솔루션을 제공합니다. 이를 통해 데이터 손실이 발생했을 때 신속하게 복구하고, 비즈니스 연속성을 유지할 수 있습니다.정적 웹 호스팅:S3는 정적 웹 사이트를 손쉽게 호스팅할 수 있는 기능을 제공합니다. 이를 통해 서버 없이도 웹 애플리케이션을 배포하고 운영할 수 있으며, 글로벌 CDN과 통합하여 빠른 콘텐츠 전달이 가능합니다.저희 팀은 지난 웹 개발 프로젝트에서 AWS S3를 사용하여 이미지 호스팅을 진행한 경험이 있습니다. 이 과정에서 우리는 다음과 같은 이점을 경험했습니다.로딩 속도 개선:정적 파일을 S3에 호스팅함으로써 웹사이트의 로딩 속도가 크게 향상되었습니다. AWS의 글로벌 CDN을 통해 사용자에게 더 빠르게 콘텐츠를 전달할 수 있었고, 이는 사용자 경험 개선에 기여했습니다.비용 효율성:S3는 사용량 기반의 요금제를 제공하기 때문에, 실제로 사용한 만큼의 비용만 지불하면 되어 매우 경제적이었습니다. 특히 정적 파일 호스팅의 경우 비용 효율적인 방법 중 하나였습니다.스케일링:S3는 자동 스케일링 기능을 제공하여, 대량의 파일도 손쉽게 관리할 수 있었습니다. 트래픽의 변동에 따라 자동으로 리소스가 조정되어, 항상 최적의 성능을 제공할 수 있었습니다.보안 및 백업:S3의 강력한 데이터 보안 및 백업 기능을 활용하여, 데이터의 안전을 확보하고 필요 시 신속하게 복구할 수 있는 옵션을 갖추었습니다. 이는 프로젝트의 데이터 관리 효율성을 크게 높였습니다.이러한 경험을 통해 AWS S3의 강력함과 유용성을 직접 체감할 수 있었으며, 향후 프로젝트에서도 계속 활용할 의향이 있습니다.

 

Web Vital을 개선할 수 있는 방안에 대해 설명해주실 수 있을까요? 예를 들어 LCP, CLS, FID 각각의 개념, 진단법, 각 지표 개선에 효과적인 조치 방안을 언급해주시면 좋습니다.

핵심 키워드 : 개발자 도구, LightHouse, 레이아웃, Lazy Loading

 

Google에서 정의한 Core Web Vitals은 웹 페이지의 사용자 경험을 측정하는 중요한 지표입니다. 이 중에서 LCP(Largest Contentful Paint), CLS(Cumulative Layout Shift), FID(First Input Delay)는 특히 사용자 경험을 나타내는 핵심 지표로 간주됩니다.LCP(Largest Contentful Paint)는 페이지에서 가장 큰 콘테츠들이 화면에 렌더링 되는 시점을 나타내며 Chrome DevTools 또는 Lighthouse를 사용하여 측정할 수 있습니다. 개선하는 방법으로는 이미지 최적화 및 Lazy Loading을 통해 필요한 경우에만 로딩되도록 합니다.CLS(Cumulative Layout Shift)는 페이지의 레이아웃이 얼마나 안정적으로 유지되는지를 나타내는 지표로 Chrome DevTools 또는 Lighthouse를 사용하여 측정할 수 있습니다. 개선하는 방법으로는 이미지와 광고의 크기 지정 및 폰트 디스플레이 시간을 최적화하는 방법이 있습니다.FID(First Input Delay)는 페이지가 처음 로딩될 때 사용자 입력에 대한 응답 속도를 나타냅니다.Chrome DevTools 또는 Lighthouse를 사용하여 측정할 수 있고 개선하는 방법은 불필요한 JS 코드를 최소화하고, 코드를 비동기적으로 로드하여 렌더링을 방해하지 않도록 합니다. 또한 사용하지 않는 이벤트 핸들러를 제거함으로써 사용자 입력에 대한 처리가 필요 없는 이벤트 핸들러를 최소화 합니다.종합적으로 필요한 JS만 로드하여 초기 로딩 시간을 단축하고 페이지 성능을 향상시키는 코드 스플리팅(Code Splitting)과 정적 파일들을 적절하게 캐싱하여 반복적인 다운로드를 최소화하는 캐싱 최적화, 초기 렌더링 속도를 향상시켜 사용자에게 빠른 콘텐츠 표시를 제공하는 서버 사이드 렌더링(SSR) 또는 정적 사이트 생성(SSG)으로 사용자 경험을 향상시키고 Core Web Vitals을 개선하는데 도움을 줄 수 있습니다.