본문 바로가기
728x90

분류 전체보기

 (173)
AWS S3에 파일 업로드 해서 웹페이지 만들기 AWS 콘솔에 들어가서 S3로 들어가기 그리고 [버킷 만들기] 버튼을 클릭한다 create bucket버킷 이름은 전세계에서 고유해야 한다!!중복 xxxxxxxxxxxxx저기에 website-123이라고 지정했는데 중복이여서 website-123456 이런 식으로 수정 했다 리전은 선택 가능! 나머지는 기본 값으로 설정하고 페이지 맨 아래에 있는 버킷 생성 완료하기 같은 버튼을 누르면 된다액세스 차단 어쩌구는 일단 해제해서 했다. 이것도 자기 맘대로! 이렇게 하면 버킷 생성 완료-! 이제 여기에 정적 웹사이트를 만들기 위한 추가 작업 다음은 생성한 버킷을 들어가면 객체, 권한 머시기 저시기 책갈표가 있는데 거기에서 Properties에 들어간다그리고 맨 밑으로 스크롤하면 [정적 웹 사이트 호스팅 편집]이..
AWS Elastic Beanstalk AWS Elastic Beanstalk : AWS 컴퓨팅 서비스의 또 다른 옵션 AWS 클라우드에서 웹 애플리케이션을 손쉽게 시작하고 실행할 수 있는 방법을 제공 인프라 프로비저닝 배포 로드 밸런싱 자동 조정 상태 모니터링 분석, 디버깅 로깅 코드를 업로드하면 Elastic Beanstalk가 용량 프로비저닝부터 로드 밸런싱, 자동 조정, 애플리케이션 상태 모니터링 등 전체 배포를 자동으로 처리 - 추가 비용 X - 애플리케이션을 생성하고 저장하고 실행하기 위해 사용하는 EC2나 S3 버킷과 같은 AWS 리소스에 대한 비용만 지불하면 됨 - 사용한만큼만 지불 AWS 콘솔, AWS CLI, 비주얼 스튜디오, 이클립스를 통해 코드를 배포할 수 있다 Java, .NET, PHP, Node.js, Python,..
서버리스 serverless : AWS Lambda 서버 프로비저닝 또는 관리가 불필요한 컴퓨팅은 서버리스 컴퓨팅 AWS Lambda : 이벤트 중심 서버리스 컴퓨팅 서비스 - 서버를 프로비저닝하거나 관리할 필요 없이 코드 실행 가능 - 실행하려는 코드를 포함하는 AWS 리소스인 Lambda 함수를 생성한 다음 일정에 따라 또는 이벤트에 대한 응답으로 Lambda 함수가 트리거되도록 설정 - 코드는 트리거될 때만 실행됨 - 사용한 컴퓨팅 시간에 대해서만 비용을 지불함 - 코드를 실행하지 않을 때는 요금 부과X 장점 ○ Lambda를 사용하면 새로운 언어나 도구, 프레임워크를 배울 필요가 없음 - Java, Go, PowerShell, Node.js, C#, Python, Ruby 등 여러 프로그래밍 언어 지원 ○ Lambda에서 관리는 완전 자동화됨 - ..
컨테이너 | 도커 | 쿠버네티스 | 가상머신 컨테이너 : 운영체제를 가상화하는 방식 중 하나 - 가상머신보다 작으며 전체 운영 체제를 포함하지 않음 - 가상화된 운영체제를 공유하며 리소스가 격리된 프로세스로 실행됨 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 속성 : 상위 컴포넌..
728x90

티스토리툴바