728x90 반응형 공부하기49 AWS 연습문제 한 금융 서비스 회사에서 자사의 Amazon S3 버킷에 저장된 민감 데이터를 식별하려고 합니다. 또한 회사는 S3에 저장된 모든 데이터를 모니터링하여 악의적인 시도로부터 보호하고자 합니다.솔루션 아키텍트의 관점에서 다음 중 주어진 요구 사항을 해결하는 데 도움이 될 만한 솔루션은 무엇입니까?더보기Amazon GuardDuty를 사용해 S3에 저장된 데이터에 대한 악의적인 시도를 모니터링하고, Amazon Macie를 사용해 S3에 저장된 민감 데이터를 식별한다.Amazon GuardDuty는 여러분이 AWS 계정, 워크로드, Amazon S3에 저장된 데이터를 연속적으로 모니터링하고 보호할 수 있는 위협 탐지 기능을 제공합니다. GuardDuty는 여러분의 계정에서 생성된 연속적인 메타데이터 스트림 및.. 2024. 5. 24. AWS 연습문제 한 유통 업체에서 애플리케이션 로드 밸런서 뒤에 있는 오토 스케일링 그룹에 배포하기 위해 REST API를 개발했습니다. API는 DynamoDB에 사용자 데이터를 저장하고 이미지와 같은 정적 콘텐츠는 모두 S3에서 제공받습니다. 사용 경향을 분석한 결과, 읽기 요청의 90%가 모든 사용자가 공통적으로 액세스하는 데이터에 대한 요청인 것으로 확인되었습니다.솔루션 아키텍트로서 다음 중 애플리케이션 성능을 향상시키기 위한 가장 효율적인 솔루션으로 제안할 수 있는 것은 무엇입니까?더보기DynamoDB용 DynamoDB Accelerator (DAX) 및 S3용 CloudFront 활성화DynamoDB 액셀러레이터(DAX)는 초당 수백만 건의 요청에서도 밀리 초부터 마이크로 초로 최대 10배의 성능 개선을 제공.. 2024. 5. 23. aws 연습문제 한 전자 상거래 기업에서 사내 인프라에 있는 2계층(2-Tier) 애플리케이션을 AWS 클라우드로 이전하려고 합니다. 회사의 엔지니어링 팀은 AWS 클라우드 사용 경험이 없기 때문에 Amazon VPC 콘솔 마법사를 사용하여 퍼블릭 웹 서버와 프라이빗 데이터베이스 서버가 있는 2계층 애플리케이션의 네트워크 구성 설정을 진행할 예정입니다.다음 중 Amazon VPC 콘솔 마법사에서 지원하지 않는 네트워크 구성은 무엇입니까? 더보기퍼블릭 서브넷만 있는 VPC와 AWS Site-to-Site VPN 액세스 Amazon VPC 콘솔 마법사는 다음과 같은 네 가지 구성을 제공합니다.단일한 퍼블릭 서브넷이 있는 VPN - 이 시나리오를 위한 이 구성에는 단일한 퍼블릭 서브넷이 있는 가상 사설 클라우드(VPC)와 인.. 2024. 5. 17. AWS 연습 문제 한 회사에서 며칠 전에 새로운 오토 스케일링 그룹을 배포한 후 애플리케이션 성능이 저하되었음을 알게 되었습니다. 조사를 진행한 결과, 조사 팀은 오토 스케일링 그룹에 지정한 시작 구성(Launch Configuration)이 애플리케이션 워크플로 처리에 적합하지 않은 잘못된 인스턴스 유형을 사용하고 있음을 발견했습니다.솔루션 아키텍트로서 이 문제에 대한 장기적인 해결책으로 무엇을 제안하시겠습니까?더보기새로운 시작 구성을 만들어 올바른 인스턴스 유형을 사용하도록 설정하고, 오토 스케일링 그룹에서 새로 만든 시작 구성을 사용하도록 수정한다. 기존 시작 구성은 더 이상 필요하지 않으므로 삭제한다.시작 구성은 오토 스케일링 그룹이 EC2 인스턴스를 실행하는 데 사용하는 인스턴스 구성 템플릿입니다. 시작 구성을 .. 2024. 5. 16. 스크롤 위치 알아내기 간단하게 스크롤 위치 알아내는 이벤트 입니다. window.addEventListener('scroll', function (e) { last_known_scroll_position = window.scrollY; if (!ticking) { window.requestAnimationFrame(function () { doSomething(last_known_scroll_position); ticking = false; }); ticking = true; } }); function doSomething(scroll_pos) { .. 2024. 5. 3. 인지된 성능 인지된 성능은 웹 사이트 성능, 응답성 및 안정성을 주관적으로 측정한 것입니다. 즉, 웹사이트가 사용자에게 얼마나 빠른지 보여줍니다. 실제 작동 속도보다 정량화하고 측정하기가 더 어렵지만 아마도 훨씬 더 중요할 수 있습니다. 이 기사에서는 인식을 평가하고 개선하기 위한 다양한 도구와 함께 인식된 성능에 영향을 미치는 요소에 대한 간략한 소개를 제공합니다. 전제 조건: 기본 소프트웨어 설치 및 클라이언트 측 웹 기술 에 대한 기본 지식 . 목적: 웹 성능에 대한 사용자 인식에 대한 기본 지식을 얻습니다. 개요 페이지가 얼마나 빠르고 원활하게 로드되고 사용자 상호 작용에 응답하는지에 대한 인식은 리소스를 가져오는 데 필요한 실제 시간보다 훨씬 더 중요합니다. 물리적으로 사이트 실행 속도를 높일 수는 없지만 .. 2024. 2. 28. 자바스크립트 성능 최적화 개요 웹 사이트에서 JavaScript를 사용하는 방법을 고려하고 이로 인해 발생할 수 있는 성능 문제를 완화하는 방법에 대해 생각하는 것은 매우 중요합니다. 이미지와 비디오는 평균 웹 사이트의 바이트당 다운로드 바이트 중 70% 이상을 차지하지만 JavaScript는 성능에 부정적인 영향을 미칠 가능성이 더 큽니다. 즉, 다운로드 시간, 렌더링 성능, CPU 및 배터리 사용량에 큰 영향을 미칠 수 있습니다. 이 문서에서는 JavaScript를 최적화하여 웹 사이트의 성능을 향상시키는 팁과 기술을 소개합니다. 최적화하거나 최적화하지 않으려면 코드 최적화를 시작하기 전에 대답해야 할 첫 번째 질문은 "최적화하려면 무엇이 필요합니까?"입니다. 아래에 논의된 팁과 기술 중 일부는 모든 웹 프로젝트에 도움이 되.. 2024. 2. 28. 모바일 버전 섹션이동 2024.02.17 - [공부하기] - 마우스 휠이벤트로 섹션 이동하기 마우스 휠이벤트로 섹션 이동하기 마우스 휠이벤트로 섹션 이동으로 스크롤링 페이지 만들어봐요 html 1 2 3 4 5 6 7 8 window.onload = function () { const elm = document.querySelectorAll("section"); const elmCount = elm.length; elm.forEach(function (item, index) { item nani-mei.tistory.com 지난 휠 이벤트에 이은 모바일 버전 섹션이동입니다. 터치 시작 값과 끝 값의 연산 값으로 위 아래 방향을 인식하여 움직이게 됩니다. 1 2 3 4 5 6 7 8 script let point; let po.. 2024. 2. 25. 마우스 휠이벤트로 섹션 이동하기 마우스 휠이벤트로 섹션 이동으로 스크롤링 페이지 만들어봐요 html 1 2 3 4 5 6 7 8 window.onload = function () { const elm = document.querySelectorAll("section"); const elmCount = elm.length; elm.forEach(function (item, index) { item.addEventListener("mousewheel", function (event) { event.preventDefault(); let delta = 0; if (!event) event = window.event; if (event.wheelDelta) { delta = event.wheelDelta / 120; if (window.ope.. 2024. 2. 17. 접근성 관련 자주 묻는 질문! 툴팁 형태의 말풍선을 버튼 위에 제공할 때, 본문 콘텐츠를 가리지 않아야 하는 기준이 어떻게 되나요? 더보기 마우스 오버 또는 포커스 이동 시 말풍선이 발생하는 실제 툴팁으로 마크업된 경우에는 화면을 가려도 마우스 오버를 해제하거나 포커스 적용을 해제하여 툴팁이 닫히기 때문에 상관 없습니다. 접근성에 문제가 되는 부분은 툴팁과 동일하거나 비슷한 형태의 말풍선이 항상 화면에 노출되어 있어서 본문 콘텐츠를 가리는 경우 본문 콘텐츠를 가리지 않도록 말풍선의 위치를 재배치하거나, 말풍선을 닫을 수 있는 매커니즘(닫기 버튼, 열고 닫을 수 있는 확장/축소 버튼)이 필요합니다. 다만, 키보드 또는 마우스를 사용하여(페이지 스크롤 등) 말풍선에 가려진 본문 콘텐츠를 볼 수 있다면 본문 영역을 가리고 있어도 예외 사항.. 2024. 2. 14. 접근성 관련 자주 묻는 질문! 입력 필드에는 레이블이 무조건 제공되어야 하나요? 더보기 네, 사용자가 입력이 필요한 콘텐츠(, 등)에 올바른 입력 목적을 확인할 수 있도록 시각적으로 확인할 수 있는 레이블 또는 지시문을 제공해야 합니다. 입력 후 사라져서 시각적으로 입력 목적을 확인할 수 없는 입력 자리 표시자(Placeholder)는 레이블로 사용할 수 없습니다. AEM 컴포넌트(SVLA 등)에서 동영상 재생 시 등록한 자막이 표출되지 않는데, 어떻게 조치해야되나요? 더보기 자막이 WebVTT 파일 형태인지 확인합니다. 파일 형태가 동일하다면, WebVTT 파일 작성 시 정해진 자막 형식에 맞게 작성되었는지 확인합니다. 첫 줄은 파일 형식을 나타내기 위해 파일 시작 시 헤더를 넣습니다. WebVTT 파일( .VTT)에는 큐(Cues.. 2024. 2. 13. 접근성 관련 자주 묻는 질문! 입력 필드의 명도 대비가 3:1 미만인 경우 접근성 위배인가요? 더보기 입력 필드의 명도 대비가 3:1 미만으로 제공되어도 입력 필드에 제공된 입력 자리 표시자(Placeholder)의 명도 대비가 4.5:1 이상이면 1.4.11 Non-text Contrast 지표에 위배되지 않습니다. 동일하게 버튼의 명도 대비가 3:1 미만으로 제공되어도 버튼명(텍스트)의 명도 대비가 4.5:1 이상이면 접근성에 위배되지 않습니다. [ 1.4.11 Non-text Contrast 지표 중 질문에 대한 내용 발췌 ] 이 성공 기준은 컨트롤의 선택 영역을 나타내는 시각적 표시가 있을 것을 요구하지 않지만, 컨트롤의 시각적 표시가 컨트롤을 식별하는 유일한 방법인 경우 해당 표시의 명도 대비는 충분해야 합니다. 다만, 버튼.. 2024. 2. 8. 이전 1 2 3 4 5 다음 728x90 반응형
