728x90 반응형 분류 전체보기298 Amazon EC2 개요 Amazon Elastic Compute Cloud(EC2)는 클라우드에서 안전하고 크기 조정이 가능한 컴퓨팅 용량을 제공하는 웹 서비스입니다. 초기 하드웨어 투자가 필요 없어 더 빠르게 애플리케이션을 개발하고 배포할 수 있습니다. Amazon EC2를 사용하여 필요한 만큼의 가상 서버를 시작할 수 있습니다. Amazon EC2를 통해 요구사항의 변화나 급증에 대응하여 몇 분 안에 확장 또는 축소할 수 있어, 트래픽 예측의 필요성이 줄어듭니다. 컴퓨팅 리소스를 완벽하게 제어할 수 있으며, Amazon의 검증된, 신뢰할 수 있는, 확장 가능한 컴퓨팅 환경에서 실행할 수 있습니다. Amazon EC2는 최소 3개의 가용 영역으로 구성된 AWS 리전을 포함하여 전 세계 여러 위치에서 호스팅됩니다. Ama.. 2025. 9. 4. AWS Skill Builder]1. AWS SimuLearn: 클라우드 컴퓨팅 기초 비즈니스 시나리오웹 팀은 해변 파도 상태 페이지의 신뢰성을 향상시키는 솔루션을 원합니다. 1. 학습Amazon S3는 웹상의 어디에서나 모든 양의 데이터를 저장하고 검색할 수 있는 기능을 제공합니다. Amazon S3에서 데이터는 버킷이라고 하는 컨테이너 내에 객체(파일 및 관련 메타데이터)로 저장됩니다. 이 솔루션은 S3 버킷을 사용하여 정적 웹사이트를 호스팅하며, 무제한 트래픽 볼륨을 비용 효율적으로 처리할 수 있어 기존 웹 서버 관리의 필요성을 제거합니다. S3 버킷은 웹사이트 기능에 필요한 HTML 파일과 지원 자산(클라이언트 측 스크립트 및 스타일 시트 등)을 모두 저장합니다. 모든 S3 버킷은 정적 웹사이트 호스팅을 위해 활성화될 수 있습니다. 웹사이트 호스팅용으로 구성되면 S3 버킷은 전용 .. 2025. 9. 4. Amazon S3 개요 Amazon Simple Storage Service, Amazon S3는 객체 스토리지 서비스입니다. 객체는 데이터와 메타데이터로 구성된다. 메타데이터는 name - value pairs로 되어 있다. 버킷은 S3에 저장된 객체를 담는 컨테이너이다. 객체는 버킷 내에서 키로 고유하게 식별된다. 예를 들어, photos /puppy.jpg라는 객체는 john smith 버킷에 저장되어 있다. 그리고 다음 url로 접근할 수 있다. http://johnsmith.S3.amazonaws.com/photos/puppy.jpg 사용자들은 AmazonS3를 사용하여 website, mobile app, backup restore, big data 분석 등에 활용한다. 모든 S3 객체의 사본을 자동으로 생성하여.. 2025. 9. 4. Vue.js] 19. Single-File Components Vue Single-File Components (*.vue 파일)은 컴포넌트의 템플릿, 로직, 스타일을 하나의 파일로 묶은 형태의 파일이다. {{ greeting }}SFC는 Vue를 프레임워크로 정의하며, 다음과 같이 Vue를 사용하는 데 권장되는 접근 방식입니다.싱글 페이지 앱(Single Page Application: SPA)정적 사이트 생성(Static-Site Generator: SSG)더 나은 개발 경험(DX)을 위해 프론트엔드 개발 방식에 합리적으로 빌드 방식 도입 일부 개발자는 전통적인 웹 개발 시, 본래 사용 목적의 성격에 따라 파일 타입이 분리되었던 HTML/CSS/JS를 SFC가 다시 한 곳에 혼합한다는 우려를 가질 수 있습니다!이 우려에 대한 대답은 "관심사항의 분리가 파일 .. 2025. 1. 3. Vue.js] 18. Built-in Components > Transition, KeepAlive Vue는 상태 변화에 대응하기 위해 두가지 내장 컴포넌트를 제공한다. Transition : element 또는 component가 DOM에 들어오고 나갈 때 애니메이션을 적용하기 위함TransitionGroup : element 또는 component가 v-for 리스트에 삽입, 제거 또는 이동할 때 애니메이션을 적용하기 위함이 두 가지 컴포넌트 외에도 CSS 클래스 트랜지션 또는 스타일 바인딩을 통한 상태 기반 애니메이션과 같은 기술을 사용할 수 있다. 컴포넌트토글 안녕/* 이 클래스들이 무엇을 하는지 다음에 설명하겠습니다. */.v-enter-active,.v-leave-active { transition: opacity 0.5s ease;}.v-enter-from,.v-leave-to { .. 2025. 1. 3. Vue.js] 17. Component > Async Components 필요할 때만 서버에서 컴포넌트를 로드해야 할 수 있다. 이를 구현하기 위해 defuneAsyncComponent 함수를 제공한다. import { defineAsyncComponent } from 'vue'const AsyncComp = defineAsyncComponent(() => { return new Promise((resolve, reject) => { // ...서버에서 컴포넌트를 로드하는 로직 resolve(/* 로드 된 컴포넌트 */) })})// ... 일반 컴포넌트처럼 `AsyncComp`를 사용rosolve 콜백을 호출해 서버에서 가져온 정의되어 있는 컴포넌트를 반환한다. 로드가 실패했음을 나타내기 위해 reject(reason)을 호출할 수도 있다. import { .. 2025. 1. 2. 이전 1 2 3 4 ··· 50 다음 728x90 반응형
