개발

    [Vue3] 중복되는 Props 전달을 v-bind로 모듈화하기

    [Vue3] 중복되는 Props 전달을 v-bind로 모듈화하기

    Vue3에서 부모 컴포넌트에서 받아온 props를 넘겨줘야 하는 경우가 많다. 그런데 똑같은 props를 반복해서 넘겨줘야 하는 경우에는 코드 작성이 귀찮다. 아래를 보면 ChildComponent에 똑같은 props 전달문을 반복해서 쓰고 있다. 그런 경우에 아래처럼 commonProps를 생성하여 v-bind로 넘겨주면 편하다. // v-bind로 commonProps를 넘겨줌 아래의 changebleValue처럼 값이 달라지는 변수가 있는 경우에는 computed로 작성하면된다. // commonProps 를 computed로 생성 const changableValue = ref() const commonProps = computed (() => { return { props1: props.prop..

    [Impala SQL] Over 함수로 Count Distinct 하는 법

    Impala에서는 Over와 Distinct를 같이 쓸 수 없다. (대부분의 SQL 쿼리 엔진이 그럴 것 같다) 기준 항목별 Distinct 를 Count하는 쉬운 방법이 없을까 고민하다가 구글링 해보니 아래와 같은 심플한(?) 방법으로 해결이 가능하다고 한다 dense_rank() over (partition by [기준1] order by [카운트하고싶은값]) + dense_rank() over (partition by [기준1] order by [카운트하고싶은값] desc) - 1 봐도 이게 뭔소리냐 싶어서 테스트를 해봤다. 장르별/타이틀별로 좋아요를 누른 유저를 보여주는 dummy 테이블이다. Genre Title User expected_column(Genre, Title별 Distinct Us..