본문 바로가기
728x90

전체 글

 (166)
뷰 템플릿 템플릿(template) : HTML, CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 브라우저에서 볼 수 있는 형태의 HTML로 변환해주는 속성 1. ES5에서 뷰 인스턴스의 template 속성 활용 ex. template: Hello {{message}}와 같은 코드 template 속성에서 정의한 마크업 + 뷰 데이터를 가상 돔 기반의 render()함수로 변환한다 변환된 render() 함수는 최종적으로 사용자가 볼 수 있게 화면을 그리는 역할이고 변환 과정에서 뷰의 반응성이 화면에 더해진다고 한다 2. 싱글 파일 컴포넌트 체계의 코드를 활용하는 방법 Hello {{message}} 데이터 바인딩 데이터 바인딩(Data Binding) : HTML 화면 요..
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)에서 주로 사용 ○ 화면 간의 전환이 매끄러움
728x90

티스토리툴바