전체 글 (170) 썸네일형 리스트형 컨테이너 | 도커 | 쿠버네티스 | 가상머신 컨테이너 : 운영체제를 가상화하는 방식 중 하나 - 가상머신보다 작으며 전체 운영 체제를 포함하지 않음 - 가상화된 운영체제를 공유하며 리소스가 격리된 프로세스로 실행됨 1. 반복성 지원 2. 독립형 실행 환경 - 애플리케이션의 코드, 구성, 패키징되기 때문에 환경의 일관성이 보장됨 3.소프트웨어가 서로 다른 환경에서 동일하게 실행됨 - 종속성이 독립적인 실행 환경 - 애플리케이션을 배포 환경에 관계 없이 빠르고 안정적으로 일관되게 배포할 수 있도록 해줌 4. 컨테이너 이미지는 가상 머신보다 훨씬 작음 - 컨테이너 스핀업은 수백 밀리초 안에 이루어지므로 기존 가상 머신보다 빠르게 시작됨 Docker란? : 애플리케이션을 신속하게 구축, 테스트, 배포할 수 있는 소프트웨어 플랫폼 도커는 컨테이너를 호스팅할.. Amazon EC2 요금 모델 EC2는 인스턴스 생성 시 요금 모델을 선택할 수 있다 온디맨드 인스턴스 - AWS 프리티어 적용 - 선결제 금액이 가장 낮고 가장 유연 - 사전 약정이나 장기 계약이 없음 - 워크로드 용량이 들쭉날쭉 하거나 테스트를 실행해야 하는 경우, 개발이나 테스트를 위한 애플리케이션을 단기간 실행해야 하는 경우 적합 전용 호스트 - 고객을 위해 EC2 인스턴스 용량을 완전히 전용으로 사용하는 물리적 서버 - MS SQL Server 라이선스와 같은 기존 소프트웨어 라이선스 사용 가능 - 기존 소켓당, 코어당, VM당 라이선싱을 사용 중, 특정 기업의 규제 준수를 충족해야 하는 경우 적합 전용 인스턴스 - 단일 고객을 위한 전용 하드웨어의 VPC(가상 프라이빗 클라우드)에서 실행되는 인스턴스 - 라이선스 제한이 있.. Vue.js 뷰 HTTP 통신 HTTP(HyperText Transfer Protocol) : 브라우저와 서버 간에 데이터를 주고받는 통신 프로토콜 프로토콜 : 컴퓨터나 단말기 간에 통신하기 위해 상호간에 정의한 규칙 제이쿼리(jQuery)의 ajax : 서버에서 받아온 데이터를 표시할 때 화면 전체를 갱신하지 않고도 화면의 일부분만 변경할 수 있게 하는 자바스크립트 기법. 웹 앱 HTTP 통신의 대표적인 사례 엑시오스(Axios) : 가장 많이 사용되는 HTTP 통신 라이브러리 설치하는 법 API 유형 처리결과 axios.get('URL주소').then().catch() 해당 URL 주소에 대해 HTTP GET 요청을 보냄. 서버에서 보낸 데이터를 정상적으로 받아오면 then() 안에 정의한 로직이 실행되고, 오류가 발생하면 cat.. Vue.js 뷰 라우터 | 네스티드 뷰 | 네임드 뷰 라우팅(routing) : 웹 페이지 간의 이동 방법. 싱글 페이지 애플리케이션(SPA)에서 주로 사용 ○ 화면 간의 전환이 매끄러움 Vuejs 뷰 컴포넌트 통신 컴포넌트 간 통신과 유효 범위 2개의 지역 컴포넌트를 등록하고 한 컴포넌트에서 다른 컴포넌트의 값을 직접 참조하는 예제 my-component2 컴포넌트 내용에서 {{cmp2Data}}가 my-component1 컴포넌트의 data.cmp1Data를 참조하고 있다 아무것도 값이 나오지 않은 이유는 my-component2에서 my-component1의 값을 직접 참조할 수 없기 때문이다 상-하위 컴포넌트 관계 : 트리 구조에서 부모노드, 자식노드처럼 컴포넌트 간의 관계가 부모, 자식으로 이루어진 컴포넌트를 의미 지역 또는 전역 컴포넌트를 등록하면 등록된 컴포넌트는 하위 컴포넌트(자식 컴포넌트)가 된다. 하위 컴포넌트를 등록한 인스턴스는 상위 컴포넌트(부모 컴포넌트)가 된다 props 속성 : 상위 컴포넌.. 가상머신을 그냥 준다고? Amazon EC2 보통의 경우, 온프레미스 서버를 생각해보자. 이를 실행하려면 서버를 구입하고 데이터센터를 구축하고, 직원을 배치하고, 유지관리를 수행해야한다.. 피크 워크로드 즉, 서버가 최대로 처리할 수 있는 만큼의 하드웨어를 영구적으로 프로비저닝 해야한다 그러면 하루 대부분의 시간 동안 서버 용량이 사용되지 않아 서버가 낭비된다(돈 아까워!) 이와 다른 우리의 AWS EC2를 살펴보자 Amazon Elastic Compute Cloud : Amazon EC2 - 온프레미스 서버에서 실행하는 것과 동일한 애플리케이션을 호스팅할 수 있는 가상머신을 제공한다 - 안전하고 크기 조정이 가능한 컴퓨팅 용량을 클라우드에서 사용할 수 있다 - 사용 사례 : 애플리케이션 서버, 웹 서버, 데이터베이스 서버, 게임 서버 등등 수많은.. AWS의 컴퓨팅 서비스 정리 AWS에서 제공하는 컴퓨팅 서비스는 매우 많다 대표적인 것은 EC2, Elastic Beanstalk, ECR, EKS, ECS, Lambda, Fargate 등등.. 서비스 주요 개념 특성 Amazon EC2 - IaaS(서비스형 인프라) - 인스턴스 기반 - 가상머신 - 원하는 방식으로 관리할 수 있는 가상 머신 프로비저닝 - 유연성 제공 - 운영체제, 서버 크기, 리소스 기능 등 서버 관리 작업의 많은 부분을 사용자가 맡아야 함 AWS Lambda - 서버리스 컴퓨팅 - 함수 기반 - 저렴한 비용 - 서버를 프로비저닝하거나 관리하지 않아도 코드 실행 가능 - 일정에 따라 실행되거나 이벤트에 의해 트리거될 수 있는 코드 작성, 배포 - 가능하면 사용 - 클라우드 네이티브 아키텍처 지원 Amazon E.. Vue.js 컴포넌트 컴포넌트(component) : 조합하여 화면을 구성할 수 있는 블록(화면의 특정 영역)을 의미 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발할 수 있음 뷰에서는 내비게이션 바, 테이블, 리스트, 인풋 박스 등과 같은 화면 구성 요소들을 잘게 쪼개어 컴포넌트로 관리한다 컴포넌트 등록하기 1. 지역(local) 컴포넌트는 특정 인스턴스에서만 유효한 범위를 가짐 2. 전역(global) 컴포넌트는 여러 인스턴스에서 공통으로 사용 가능 전역 컴포넌트 Vue.component('컴포넌트 이름', { //컴포넌트 내용 }); - 컴포넌트 이름 : template 속성에서 사용한 HTML 사용자 정의 태그 이름을 의미 - 컴포넌트 내용 : 컴포넌트 태그가 실제 화면의 HTML 요소로 변환될 때.. 이전 1 ··· 5 6 7 8 9 10 11 ··· 22 다음