코알못

docker image 생성 실패시 만들어진 none 이미지 삭제 방법은 아래와 같다. $ docker images ls 836465acf6d7 10 days ago 930MB 557190ec4c17 10 days ago 1.56GB 4c1f93600767 10 days ago 930MB python 3.7-slim-buster fe3c49194a89 3 weeks ago 115MB node 12 6c8de432fc7f 2 months ago 918MB $ docker rmi $(docker images -f "dangling=true" -q) $ docker images ls python 3.7-slim-buster fe3c49194a89 3 weeks ago 115MB node 12 6c8de432f..

EMR Glue Metastore 이용하고 있었으나 Ranger 플러그인 활성화한 EMR 사용시에는 AWS 에서 Glue 를 지원하지 않는다고 한다. 이미 Glue 에 많은 메타 정보가 담아둔 상태로 수동으로 직접 스키마를 옮기는것은 힘들다고 판단하였다. 찾아보던중 AWS 에서 제공하는 glue 마이그레이션 샘플 스크립트가 있었으며 AWS 에서 공식으로 지원하는 스크립트는 아니라고 하니 본인 구성에 맞게 수정하여 사용한다. 만약 적은 데이터가 있다면 직접 옮기는게 빠를 수 있으니 아래 명령어로 테이블 생성 스크립트를 가져와서 생성하면 되며 // glue 연동된 hive hive> show create table [테이블명] 아래 명령어로 파티션 정보도 확인 가능하다. // 생성된 파티션 보기 hive> ..

페이지 이동을 위한 라이브러리인 router 을 배워보자! 아래 명령어를 입력하여 vue-router 을 설치한다 (저자는 vue3 를 사용하며 해당 버전에 맞게 설정을 진행할 예정이다.) // vue3 $ npm i vue-router@next // vue2 $ npm install vue-router src 하위에 router.js 를 생성한 뒤 아래와 같이 '/' 일시 Home.vue, 그외 URL 호출시 'ErrorPage.vue' 를 보여주도록 한다. // router.js import {createWebHistory, createRouter} from "vue-router"; import ErrorPage from "./views/ErrorPage"; import Home from "./vie..

저번 시간에는 데이터 양방향 처리하는 방법에 대해 알아보았다. https://co-de.tistory.com/131?category=884529 [Vue] 데이터 양방향 처리 (v-model) 저번 시간에는 v-if, v-show 를 통해 데이터를 조건부 처리하는 방법을 배웠다 https://co-de.tistory.com/130 [Vue] 데이터 조건부 처리 (If-Else, Show) 지난 시간에는 Array 데이터를 처리하는 방법을 배웠다.. co-de.tistory.com 이번시간에는 변경 값에 대한 데이터를 처리하는 실습을 진행해본다! 우선 computed 에 대해 알아보자! 컴포넌트를 하나 생성하여 아래와 같이 작성한다. ComputedWatch.vue {{msg}} {{reversedMsg}..

저번 시간에는 v-if, v-show 를 통해 데이터를 조건부 처리하는 방법을 배웠다 https://co-de.tistory.com/130 [Vue] 데이터 조건부 처리 (If-Else, Show) 지난 시간에는 Array 데이터를 처리하는 방법을 배웠다 https://co-de.tistory.com/129 [Vue] v-for 를 이용한 Array 데이터 처리 지난 시간에는 State 와 Props 를 이용하여 데이터를 다루는 방법을 실습했다. h.. co-de.tistory.com 이번 시간에는 데이터 양방향 처리를 하는 실습을 진행하도록 한다! 양방향 처리 라는 단어를 들었을시 어렵게 느껴지지만 예를 듣고나면 어렵지 않은 개념이다. 글자를 입력시마다 화면에 실시간으로 표기하도록 하는것이 양방향 처리..

지난 시간에는 Array 데이터를 처리하는 방법을 배웠다 https://co-de.tistory.com/129 [Vue] v-for 를 이용한 Array 데이터 처리 지난 시간에는 State 와 Props 를 이용하여 데이터를 다루는 방법을 실습했다. https://co-de.tistory.com/128 [Vue] State 그리고 Props 이전 시간에 컴포넌트를 구성하는 실습을 진행하였으며 https://co-de.ti.. co-de.tistory.com 이번 시간에는 데이터가 조건에 일치, 불일치 할 때 원하는 처리를 하는 실습을 하도록 한다! IfElseShow.vue True False True False {{item.text}} 하나씩 보도록 하자 우선 v-if 조건에 맞을시 출력하도록 하며 ..

지난 시간에는 State 와 Props 를 이용하여 데이터를 다루는 방법을 실습했다. https://co-de.tistory.com/128 [Vue] State 그리고 Props 이전 시간에 컴포넌트를 구성하는 실습을 진행하였으며 https://co-de.tistory.com/127 [Vue] Vue 컴포넌트 구성해보기 저번 시간에 Vue 프로젝트를 간단하게 만들어 봤으며 [Vue] Vue 란? (프로젝트 생성 까지 co-de.tistory.com 이번 시간에는 Array 형태의 데이터를 처리하는 방법을 배워보자! 반복적인 데이터 형태를 처리할때는 v-for 을 사용하여 구현 가능하다. 아래와 같이 for 문을 구현하면 1-10까지 데이터가 i 에 대입되며 key 는 필수로 변경을 감지하는 역할을 한다...

이전 시간에 컴포넌트를 구성하는 실습을 진행하였으며 https://co-de.tistory.com/127 [Vue] Vue 컴포넌트 구성해보기 저번 시간에 Vue 프로젝트를 간단하게 만들어 봤으며 [Vue] Vue 란? (프로젝트 생성 까지) 구글에 검색해보면 오픈소스 프로그레시브 자바스크립트 프레임워크 라고 나오는것을 볼 수 있다. 하나씩 co-de.tistory.com 이번 시간에는 State, Props 를 알아보도록 하자! 저자가 이해한 두가지 개념에 대한 정의는 아래와 같으며 State 해당 컴포넌트에서 처리할 데이터를 정의 Props 부모 컴포넌트에서 전달한 데이터를 자식 컴포넌트에서 받아 사용할 데이터 정의 설명으로는 이해하기 어려우므로 실습을 통해 알아보자! 우선 Box.vue 를 생성한다..