happynuri - 행복한 세상

EventBus는 소규모 프로젝트에서 사용하기 적합하고, 대규모 프로젝트에서는 vuex를 사용한다는데  오늘은 EventBus를 알아 보았다. 컴포넌트A와 컴포넌트B 가 부모 자식 간일때 props를 전달하거나 emit를 이용하는 것 정도는 할 수 있는데  EventBus가 무엇인지 모르는 사람은 이 글이 도움이 될것이다.  props 드릴링이라고 할머니.vue , 엄마.vue, 자식.vue 가 있을 경우에는  할머니.vus에서 자식.vue로 값을 보내거나 할 경우는 필요 없는 props 를 엄마.vue 가 가지고 있어야 하는 불편한 상황을  props 드릴링이라고 하고, 그 상황을 피하기 위해서  형제 간의 vue나 조상 vue에서 한참 밑의 vue 간에 이벤트 통신을 위해서 EventBus를 사용한다..

VUE3 2024. 4. 26. 17:42

작년 3월 초쯤에 갤럭시 워치4를 4개를 구매해서 온가족이 잘 쓰고 있었다(5가 나왔나 그래서 저렴하게 팔고 있어서 4개를 한꺼번에 구매하기 좋았음 아가들의 키즈폰?)   뽑기가 잘못 된것인지, 자꾸 꺼지고 화면에 초록 색으로 영어가 쫙 나왔다가, 방전되서 꺼지고 문제가 많았다 업데이트 문제라고 했었는데 그것이 문제 인지는 AS센터를 안가봐서 모름..  1개만,, 나머지 3개는 전부 잘 쓰고 있음.    운 나쁘게 불량이 뽑혔는지 몇일 전원이 안들어오는 일도 있었지만, 어느 순간 부터 전원이 들어와서 수리 하면 방수가 약해진다 해서, 배터리 조루를 안고치고, 수영 수업을 하는 와중에도 괜찮게 잘 써왔기 때문에 하루에 많게는 3번씩 충전하면서 썼는데 몇년만 더 뻐팅겨 보자고 갤럭시 워치 용 귀요미 피치 배..

일기 2024. 4. 26. 15:55

Vue2에서 사용하던 $on $off $once를 Vue3에서는 사용하지 못한다 EventBus는  component 간에 이벤트를 통신 할때 사용한다. 기본적으로 상위 컴포넌트를 거쳐야만 하위 컴포넌트에 이벤트를 전달 할수 있는 구조 인데. (props 트롤링) props를 거치지 않고 사용할 수 있는 방법이 EventBus이다. 형제 컴포넌트 간에 통신이 가능 하지만 전역으로 등록 하는 것이다. vuex 라는 것이 대규모 프로젝트에서 적합 하고 EventBus는 적합하지 않다고 하지만  우선 배워본다 EventBus는 게시 / 구독 패턴을 가진다. 게시자가 이벤트를 게시 할 뿐 구독자가 어떤 것인지 파악하지 않고 구독자가 필요시 사용하여 서비스를 받도록 하는 패턴이다. (비동기 이고 단방향 통신이 될..

VUE3 2024. 4. 26. 15:41

provide(제공)/ inject(주입) vue3에서는 props로 부모와 자식간의 연관을 지어 줘야 하고, 만약 할머니 ,나, 손자 의 3대의 관계에서  할머니의 값을 손자에게 넘기려 할때 나는 불필요한 props를 가지고 있게 된다 이런것을 props 드릴링이라고 하고, props 드릴링을 피하기 위해서 provide와 inject를 사용 할 수 있다. Provide(제공) / Inject(주입) | Vue.js (vuejs.org)  할머니template>  div>    child>child>  div>template>script setup lang="ts">import {ref, reactive, onMounted , provide , inject} from 'vue';import child ..

VUE3 2024. 4. 26. 11:20

라우터에서 아래 처럼 등록을 하면 { path: '/nickname/lock/view/:id', name: 'nickname.lock.view', component: () => import('@/pages/nickname/popup/lockHistoryView.vue'), meta: { tenantSelector: true } } 부모창에서 아래 처럼 param을 보내면 router.push({ name: 'nickname.lock.view', params: { id: '11' } }) 이동된 화면에서 아래 처럼 params로 받아서 사용할 수 있음 이것은 post 방식의 param 전송과 아무 관련이 없음 const { id } = route.params 라우터에 아래 처럼 등록 할때 get 방식으로 ..

VUE3 2024. 4. 12. 17:51

vue는 javascipt framework 이다. 사용은 아래와 같이 참조 하여 사용 할 수 있음0 뷰 개발자 도구 google에서 vue.js devtools 검색 후 사용하도록 설정/설치 함 Vue.js devtools - Chrome 웹 스토어 (google.com) Vue.js devtools Browser DevTools extension for debugging Vue.js applications. chrome.google.com 확장프로그램 관리에서 파일 URL에 대한 엑세스 허용을 활성화 하면 vue가 색이 회색에서 초록으로 변경됨 브라우저를 끄고 켠 후 f12 누르면 개발자 도구의 >> 메뉴에서 vue 메뉴가 생겨 있습니다.

VUE3 2023. 11. 13. 14:09

C# 2023. 11. 10. 14:22

실비가 10만원 지원 되다보니 달달이 10만원씩 이고 얼마나 오래 해야 하는건지는 모르고 시작해서 속은기분 23/9/121일차 증상눈가려움, 혀의 가려움, 입주변의 가려움, 숨이 막힘, 위가가렵다는 느낌, 귀가 가렵고 토할것 같은 기분식은땀이 나고 어지러움 23/9/13혀끝이 매우 가려움, 입주변 가렵고, 치아사이의 잇몸이 가려움 속쓰림, 목구멍 넘어 가는쪽이 가려움 23/9/14입주변이 가렵고, 치아사이가 가려움 만성 가려움으로 먹던 알러지약 중지 중이라, 평상시 가려웠던 손 발 다리 등이 가렵지만 긁었을때 부풀어 오르는것은 호전되어 참을 만 함.  24/4/26월, 목 이나 여튼 4일 주기로 하고 있음. 간혹 가려움이 몰려 올때가 있으나. 게알러지도 많이 줄어 들었고 알러지..

일기 2023. 9. 14. 12:57