전체

오늘은 Kubernetes Kubevirt 환경설정 및 vm 생성하기에 대해 포스팅하려고 합니다. Kubevirt는 Kubernetes에서 컨테이너 뿐만 아니라 가상 머신까지 함께 관리할 수 있는 Kubernetes의 애드온 형태의 기술입니다. 별도의 가상머신을 연결하는 것이 아닌 Kubernetes의 환경에서 pod 단위의 가상머신을 생성하여 관리합니다. Kubevirt 환경설정을 먼저 구성해보도록 하겠습니다. Kubernetes의 애드온 형태이기 때문에 사전에 Kubernetes 환경이 먼저 구성되어있어야 Kubevirt 환경설정이 가능합니다. 저는 Kubernetes환경이 구성되어있는 web tool인 katacoda에서 진행하겠습니다. https://www.katacoda.com/kubevirt/..

오늘은 Vue.JS step 11. axios 비동기 서버 통신에 대해 포스팅하려고 합니다. vue.js에서 axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다. Javascript에서 자주 사용되는 Jquery Ajax와 비슷하게 쉽고 간편하게 사용이 가능합니다. axios는 별도로 npm, yarn, CDN 등으로 설치 또는 설정하여야 사용할 수 있습니다. 이번 포스팅에선 별도의 설치 없이 CDN형태로 설정하여 사용합니다. 아래 예제 소스코드를 통해 알아보도록 하겠습니다. 기본 html에서 vue와 axios는 CDN형태로 진행할 수 있도록 get-axios.html, set-axios.html을 생성하고, REST의 GET과 POST를 ..

오늘은 REST API test url 사이트에 대해 포스팅하려고 합니다. 웹 개발을 할 때 API를 자주 사용하게 되면서 REST API는 필수적으로 사용되는 형태입니다. REST API에 대한 FrameWork 모듈, Library, Tools 등 굉장히 많은 곳에서 지원하기 때문에 기능에 대한 점검 또는 테스트가 필요할 수 있습니다. 단순한 테스트를 위해 API를 직접 정의하는 것도 불필요한 시간이 들고 귀찮은 일입니다. 이러한 API Resource를 지원해주는 웹 사이트가 있습니다. 하단 링크에 접속하면, GET, POST, PUT, PATCH, DELETE의 메소드 타입 사용이 가능하며, JSON형태의 REST API를 테스트할 수 있습니다. https://jsonplaceholder.typi..

오늘은 step 10. eventBus 컴포넌트 간 데이터 전달에 대해 포스팅하려고 합니다. 컴포넌트 간의 데이터 전달은 총 2가지가 있습니다. 첫 번째 방법은 서로 컴포넌트끼리 연결되어 event-emit(부모로 전달), props(자식으로 전달)의 형태로 사용되는 데이터 전달 방법이 있고, 두 번째 방법은 서로 관계없는 컴포넌트끼리 데이터를 전달하는 eventBus의 연결 방법이 있습니다. 바로 앞에 첫번째 방법에 대해 포스팅했기 때문에, 오늘은 두번째 방법인 서로 관계없는 컴포넌트끼리 데이터를 전달하는 eventBus 방식에 대해 진행하겠습니다. eventBus는 컴포넌트간에 상위(부모), 하위(자식) 관계가 없더라도 데이터를 전달할 수 있다는 장점이 있지만,너무 많이 사용하면 관리가 안된다는 단점..

오늘은 지난해 연초에 갔었던 제주도 서귀포 바다 뷰 추천 카페인 휴일로(HUEILOT)에 대해 포스팅하려고 합니다. 위치는 제주도 서귀포 바다 바로 앞에 있는 전망 좋고 넓은 카페입니다 :) 오전 중에 오픈 시간에 맞춰서 갔는데 운 좋게 사람이 없어서 사진 찍기 좋았습니다. 카페테라스도 넓고 전망이 너무 좋습니다! 내부 인테리어도 휴일로라는 카페 이름처럼 넓고 편안한 인테리어로 되어있습니다. 사진 찍기에도 너무 좋은 공간입니다. 옥상 테라스도 있는데, 날씨 좋을 때 눕거나 앉을 수도 있고, 저녁에 와도 분위기 좋은 카페 느낌일 것 같습니다 :) 음료 중에서는 시그니처 메뉴를 추천드립니다. 일반 카페에서 볼 수 있는 음료와, 3가지의 시그니처 음료가 있습니다. 디저트도 몇가지가 있었는데, 화산 모양의 빵이..

오늘은 Vue.JS step 9. 같은 컴포넌트 레벨의 데이터 전달(자식1 -> 자식2)에 대해 포스팅하려고 합니다. 컴포넌트 간의 데이터 전달은 총 2가지가 있습니다. 첫 번째 방법은 서로 컴포넌트끼리 연결되어 event-emit(부모로 전달), props(자식으로 전달)의 형태로 사용되는 데이터 전달 방법이 있고, 두 번째 방법은 서로 관계없는 컴포넌트끼리 데이터를 전달하는 eventBus의 연결 방법이 있습니다. 오늘은 첫번째 방법인 event-emit(부모로 전달), props(자식으로 전달) 방식에 대해 진행하겠습니다. 상위(부모) 컴포넌트에서 하위(자식) 컴포넌트로 데이터를 전달할때는 props를 사용하고, 하위(자식) 컴포넌트에서 상위(부모) 컴포넌트로 데이터를 전달할때는 event-emit..

오늘은 2019년 12월 연말에 2주 동안 스페인을 여행했던 후기 중에 하나인 몬세라트-시체스 버스투어에 대해 포스팅 하려고 합니다. 스페인 여행을 마지막으로 코로나가 확산되면서 그동안 해외여행 관련된 블로그를 올리지 않았는데, 점점 해외여행의 기회가 많아지면서 지난 여행의 기록들도 함께 블로그를 통해 오픈을 하게 되었습니다! 자유여행을 하다보니 한 번씩 투어 여행을 통해 반나절 또는 하루의 알찬 여행도 큰 의미가 있다고 생각이 들어서 마이리얼트립을 통해 몬세라트-시체스 버스투어를 예약했습니다. 참고로 몬세라트-시체스 버스투어는 약 10시간 정도의 일정입니다. 몬세라트는 바르셀로나 근교에 있는 수도원입니다. 스페인의 대자연을 보고자 하시는 분들께 추천드리며, 개개인으로 여행을 하기에는 비용이 많이 들기 ..

오늘은 Vue.JS step 8. event-emit 데이터 전달(자식 -> 부모)에 대해 포스팅하려고 합니다. 하위(자식) 컴포넌트에서 상위(부모) 컴포넌트로 데이터를 상속하기 위해서는 하위(자식) 컴포넌트에서 이벤트를 발생시켜 전달합니다. 디렉티브(directive)의 이벤트 문법인 v-on이 사용되어야 하며 v-on:[하위(자식) 컴포넌트 이벤트 이름]="[상위(부모) 이벤트 핸들링 메소드 이름]" 형태로 선언되어야 합니다. 그리고 하위(자식) 컴포넌트 이벤트 이름은 this.$emit('이벤트 이름', 전달 파라미터) 형태로 $emit() 안에 이벤트 이름과 전달하고자 하는 파라미터를 정의해야 합니다. 파라미터 전달 없이 이벤트만 실행하는 것이 목적이라면 this.$emit('이벤트 이름') 형태..