본문 바로가기

728x90

전체 글

(166)
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 요소로 변환될 때..
Vue.js 기초 | 라이프사이클 Vue.js란? 웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크 {{message}} 뷰 인스턴스 : 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위 new Vue({ ... }); 코드에서는 new Vue({ el: '#app', //el속성 data : { message : 'Hello vue js' //data속성 } }); //인스턴스 'Hello vue js'라는 텍스트를 화면에 표시하기 위해 new Vue()로 뷰 인스턴스를 생성 그리고 인스턴스 안에 el 속성으로 뷰 인스턴스가 그려질 지점을 지정하고, data 속성에 message 값을 정의하여 화면에 {{message}}에 연결하였다 뷰 인스턴스 생성자 : new Vue()로 인스턴스를 생성할 때 Vue를 생성자라고 함..
[정처기] 2022년 정보처리기사 실기 시험후기 및 답안(7.24) 휴 잊어버리고 나태해지기 전에 기록하기 그전에 정처기 가답안 -> 확정 x긴한데 남들 말하는 거보면 거의 확정 1 연산, 비절차적, Predicate Calculus, Codd, 관계 데이터베이스 튜플 ( 관계 해석 )과 도메인 ( 관계 해석 ) 관계해석 2 블록 암호화 알고리즘 (1) IPES, PES였던 것 (2) National Security Agency, Clipper, Fortezza 카드, 전화, 32 라운드 IDEA, 스킵잭(SKIPJACK) 3 모든 단가보다 비싼 제품 ALL 4 SELECT count(col2) WHERE col1 in(2,3) or col2 in(3,5); 4 5 VPN 6 SOLID ISP 7 자바문제 switch case문 -8 8 2 9 서브넷 관련 문제 128,..
AWS의 데이터베이스 정리 AWS의 데이터베이스 서비스를 비교해보자 RDS vs DynamoDB vs RedShift vs Amazon Aurora RDS 관계형 데이터베이스를 사용할 때, mySQL, mariaDB와 같은 것. 사용자가 관계형 데이터베이스를 쓰고 있으면 그냥 편리하게 쓰던 거 쓸 수 있도록 함 DynamoDB noSQL로, 키-값일 경우 사용 요새 나오는 게임회사에서 쓴다고 함 RedShift 데이터 웨어 하우스를 사용할 때 기업의 전문가 시스템에서 주로 사용한다 Amazon Aurora RDS 엔진 중 하나로 AWS의 클라우드 기반 DB이다. 아마존에서 만든 것으로, 리드 리플리카를 여러 개 생성할 수 있다
딥러닝 : 이미지를 위한 인공 신경망 전 시간에서 사용한 밀집층에는 뉴런마다 입력 개수만큼의 가중치가 있었다 모든 입력에 가중치를 곱하는 것이다 인공 신경망은 처음에 가중치 w1~w10과 절편 b를 랜덤하게 초기화한 다음 에포크를 반복하면서 경사 하강법 알고리즘을 사용하여 손실이 낮아지도록 최적의 가중치와 절편을 찾아가는 과정을 거치며 모델 훈련을 한다 합성곱(convolution) - 수학에서는 하나의 함수와 또 다른 함수를 반전 이동한 값을 곱한 다음, 구간에 대해 적분하여 새로운 함수를 구하는 것 합성곱은 입력 데이터 전체에 가중치를 적용하는 것이 아니라 일부에 가중치를 곱한다 위 그림에서는 뉴런의 가중치가 3개씩 곱해지므로 총 8개의 출력이 만들어진다 합성곱 신경망(convolutional neural network, CNN) : 행..

728x90