전체 글 105

아마존 웹 서비스로 시작하는 데브옵스(DevOps) - 1. 데브옵스란?

아마존 웹 서비스(AWS)로 시작하는 데브옵스 (AWS DevOps Discovery Book) AWS를 활용한 빠르고 효과적인 데브옵스 활용법 ( 25,000원 ) 권영환 저 | 정보문화사 | 2020년 06월 30일리뷰 총점9.4 정보 더 보기/감추기 회원리뷰(15건) | 판매지수 2,244 판매지수란? 베스트 프로그래밍 언어 top100 6주 아마존 웹 서비스(AWS)로 시작하는 데브옵스 (AWS DevOps Discovery Book) 클라우드, AWS를 커리어로 삼고 싶다면?『아마존 웹 서비스(AWS)로 시작하는 데브옵스 (AWS DevOps Discovery Book)』는 아마존 웹 서비스(Amazon Web Services)를 이용하여 클라우드 인프라 관리 및 데브옵스(De www.yes24..

Life/Book 2020.11.13

Docker 세미나

1. 도커의 이점 게스트 OS가 필요 없음 크기가 작음 배포가 빠름, 복사도 용이 자원 사용이 용이 Scale 변경에 용이하다 웹 호스팅 서버 호스팅 클라우드 서버를 일부 구입 물리 서버 구입 업체의 가상 서버 수입 소규모에 적합 보안 유의 유동적인 스케일 가능 후불 2. 하이브리드 클라우드 쿠버네티스를 이용해 private. 서버와 public 서버를 분리하는 것 readonly layer 이미지와 read&write layer 이미지를 혼용해서 사용함 아마존의 outpost 3.컨테이너 특징 : 확장이 쉬움 재생성 시 내부데이터 초기화 보안, root와 user가 제한 로그를 웹을 통해 출력할 수 잇다 고려사항 *** 대상 선정 window -> linux로 전환 시 (DB는 I/O가 많아서 부하가 ..

카테고리 없음 2020.11.12

2-2 Vue 컴포넌트

업로드 목록보니 공부하기 귀찮은거 너무 티난다; 열심히 해야겟답^^ 1. Vue의 컴포넌트 컴포넌트 : 조합하여 화면을 구성할 수 있는 블록. 화면을 빠르게 구조화, 캡슐화 가능하여 일괄적인 패턴으로 개발이 가능하게 한다. 경우에 따라 특별한 is 속성으로 확장 된 원시 HTML 엘리먼트로 나타날 수도 있다. Vue 컴포넌트는 Vue 인스턴스이기도 한다. 그러므로 루트를 제외한 모든 옵션 객체를 사용할 수 있다. 뷰의 컴포넌트 : 내비게이션 바 테이블 리스트 인풋 박스 2. 컴포넌트 등록하기 뷰의 컴포넌트는 전역(Global)과 지역(Local) 두 가지가 있다. 일반적인 변수처럼 지역 컴포넌트는 특정 인스턴스에서만 유효한 범위를 가지고, 전역 컴포넌트는 여러 인스턴스에서 공통으로 사용할 수 있다. 전역..

Develope/WEB 2020.11.03

2-1 Vue 인스턴스

뷰의 인스턴스는 레고를 조립하는 기본 판, 컴포넌트는 레고 블록이라고 할 수 있다. 인스턴스는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위이다. 뷰 인스턴스의 기본 형식은 new Vue({..}) 로서 흔히 자바에서 클래스를 선언 할 때와 흡사하다. 이 때 Vue 를 생성자라고 하는데, 뷰 라이브러리를 로딩하고 나면 접근할 수 있다. 생성자를 이용해서 뷰로 개발 할 때 필요한 기능들을 생성자에 미리 정의해 개발자가 이를 편리하게 사용할 수 있다. [소스코드 출처 : DoIt Vue.js] 위의 코드는 뷰 인스턴스를 생성하고, el 속성을 통해 해당 뷰 인스턴스를 #app에 바인딩하였다. 나아가 data 속성에 message 값 ‘Hello Vue.js!’ 를 입력하면서, 위의 {{ me..

Develope/WEB 2020.10.08

Vue 프로젝트 구성 (intelliJ)

개발환경 툴 : intelliJ 기본 설치 node.js 설치 https://nodejs.org/en/ node js 설치 확인 eunbi@EB-MacPro  ~  node -v v12.18.4 npm 최신버전 업그레이드 sudo npm install -g npm vue client 설치 sudo install npm install -g @vue/cli 기본 테스트 페이지 만들기 eunbi@EB-MacPro  ~/Desktop/Project/VueProject  sudo npm install -g @vue/cli-init npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli npm WARN ..

Develope/WEB 2020.10.03

VueJS의 핵심 기능

VueJS 홈페이지 왈) 접근성 HTML, CSS, JaavaScript. 기본 Web 개발을 할 줄 안다면 사용 가능하다 유연성 라이브러리와 모든 기능을 담은 프레임워크의 사이에서 서서히 스케일 업 하여 적용할 수 있습니다. 고성능 20KB min+gzip 컴팩트 런타임. 초고속 Virtual DOM ** 용어사전 View : 사용자에게 보이는 화면 DOM : HTML 문서에 들어가는 요소 등을 담고 있는 데이터 트리 DOM Listener : 돔의 변경에 반응하여 특정 로직을 처리하는 장치 Model : 데이터를 담는 객체. 보통은 서버에서 가져온 데이터를 JS 객체형태로 저장한다. Data Binding을 통해 View에 표시되는 내용과 모델의 데이터를 동기화한다. View Model : 뷰와 모뎅..

Develope/WEB 2020.10.02

JS 프레임워크 비교하기

Vue.js란 뷰는 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크로 화면단 라이브러리이자 프레임워크이다. 뷰의 코어 라이브러리는 화면단 데이터 표현에 관한 기능을 중점으로 지원하며, 또한 프레임워크의 기능인 라우터, 상태관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공된다. 단일 프레임워크와는 달리 Vue는 이를 점진적으로 채택할 수 있도록 설계되었다. 라이브러리 + 프레임워크가 결합된 형태이며, 이를 progressive framework라고 표현한다. 이러한 장점들이 결합되어 최근 SPA(Single Page Application) 용 프론트엔드 프레임워크로 사용되고 있다. ** 개념을 되집기 위한 용어사전 프레임워크 : 개발 생산성을 높이기 위해 일정한 틀과 규칙에 따라 개발하도록 미리..

Develope/WEB 2020.09.14