춘천 명동 조부자 순대국 내돈내산 리뷰 후기

안녕하세요 춘천 닭갈비도 유명하지만, 춘천에 유명한 국밥 맛집도 많이 있습니다. 그래서 이번에 춘천에 유명한 맛집 조부자 매운 순대가 명동점을 방문했습니다. 조부자 순대국 영업시간 24시간 영업 매주 월요일 휴무 가게 이름은 조부자매운순대가 이지만, 그냥 조부자 순대국으로 많이 불립니다. 현재는 춘천 내에 12개 정도와 원주, 동해, 아산에도 있습니다. 메뉴는 순대국밥 9,000원이고, 2023년 8월 현재 특 사이즈는 없습니다. 안 매운맛, 덜 매운맛, 매운맛, 더 매운맛으로 주문하 기호에 따라서 먹을 수 있습니다. 술과 함께 먹을 수 있게 다양한 안주류들과 술국이 있습니다. 다음에 소주 마실 때도 한번 방문해보고 싶네요. 순대국밥 내에는 순대와 돼지 부속 고기 위주가 들어있습니다. 매운 순대국 집이라..

• format_list_bulleted 일상/맛집
• · 2023. 8. 16.
• textsms

Vue3 부모에서 자식 데이터 주고 받기 - Composition API

Vue는 부모 자식 컴포넌트 간의 데이터를 서로 전달할 수 있습니다. 양방향 데이터 바인딩이 가능한 장점이 있습니다. 부모에서 자식으로는 Props 옵션을 이용해서 전달하고, 자식에서 부모는 Emit 이벤트를 이용해서 전달합니다. Props와 이벤트를 이용하면 부모 / 자식 관계에서 데이터를 서로 주고받을 수 있습니다. 부모 ➡️ 자식 데이터 전달 1. 부모 컴포넌트에서 데이터 생성 const userName = ref('superman'); 2. 자식 컴포넌트로 데이터 전달 3. 자식 컴포넌트에서 Props 설정 {{ message }} 자식 ➡️ 부모 데이터 전달 1. 자식 컴포넌트에서 이벤트 생성 후 호출 const emit = defineEmits(["update"]) emit("update", ..

• format_list_bulleted Develop/Vue
• · 2023. 8. 15.
• textsms

구글 애드센스와 카카오 애드핏 광고를 같이 설정하기 수익 공유

티스토리 자체광고 시작 2023년 6월 27일 이후 티스토리에서 자체 광고를 송출하고 있습니다. 티스토리의 경우 이용자는 많은데 수익성은 크지 않기 때문에 자체 광고를 통해서 서비스 품질 향상과 블로그 운영자들에게 추가적인 수익을 제공한다고 합니다. 7월 이후부터 게시글 상하단에 랜덤으로 구글 애드센스 광고가 뜨게 되는데요. 현재 저의 블로그에는 구글애드센스 광고와 티스토리에서 자체로 송출하는 광고 두 개가 보이고 있습니다. [안내] 6월 27일부터 티스토리 자체 광고를 신설합니다. 안녕하세요. 티스토리팀입니다. 6월 27일부터 개별 티스토리 본문 내에 티스토리 자체 광고를 신설합니다. 티스토리 자체 광고를 통한 수익은 안정적인 서비스 환경 제공을 위해 활용될 예정입 notice.tistory.com 구..

• format_list_bulleted 일상/블로그
• · 2023. 8. 13.
• textsms

Vue3 - Composables 이용하여 함수 재사용 하기

Composables 란? Vue3에서 Composables 함수를 만들어서 기능을 캡슐화하거나, 재사용할 수 있습니다. Composables, 컴포저블, 훅, 커스텀 훅스, 커스텀 컴포지션 함수 다 동일한 표현입니다. 이 글에서는 Composables로 사용하도록 하겠습니다. Vue3 이전에는 mixins를 이용해서 재사용을 많이 하였습니다. 하지만, mixins의 단점들로 인해서 Composables 라는 새로운 개념이 생겼고, 자바스크립트에서 재사용을 위해 함수를 사용하듯, 함수를 만들어서 재사용할 수 있게 되었습니다. 사용법? 폴더 이름과 자바스크립트 파일을 생성합니다. hooks/alert.js import { ref } from 'vue'; export default function useAl..

• format_list_bulleted Develop/Vue
• · 2023. 8. 11.
• textsms

Vue3 반응형 상태 ref, reactive 이란? 어떤 것을 사용해야할까?

Vue2 에서는 data 옵션을 이용해서 데이터 바인딩을 하였습니다. export default { data() { return { name: '파워쿠의 블로그', address: 'https://powerku.tistory.com/' } } } Vue3 에서 Composition API 개념이 추가하면서 ref, reactive라는 개념이 추가 되었습니다. ref 란? ref는 반응형 값을 생성해서, 값이 업데이트가 되면 Vue에서 반응을 해서 DOM을 업데이트 합니다. 값은 문자, 숫자, 불리언, 객체 등 어떠한 값도 다 넣을 수 있습니다. 값을 변경하기 위해서는 .value를 이용해서 변경합니다. template에서는 .value 없이 사용할 수 있습니다. const name = ref('super..

• format_list_bulleted Develop/Vue
• · 2023. 8. 10.
• textsms

타입스크립트 장점? 언제 사용하면 좋을까?

타입스크립트란? 자바스크립트의 Superset(확대 집합)입니다. 자바스크립트의 장점과 새로운 기능들이 추가되었습니다. 타입스크립트는 파일을 컴파일해서 자바스크립트 코드로 만듭니다. 컴파일하는 과정에 새로운 구문과 더 나은 방법을 활용할 수 있게 합니다. 타입스크립트의 경우에 C언어, Java와 같은 정적 타입 언어와 Javascript의 동적 타입 언어의 장점을 모두 가지고 있습니다. 모든 변수에 타입을 지정하지 않아도 되지 않고, 필요한 곳에서만 타입을 지정하면 되는 점진적 타입 언어 입니다. 타입스크립트 장점 브라우저 런타임이 아니라 컴파일 시점에서 오류 파악 가능합니다. 자바스크립트 코드에서는 아래와 같이 예측하지 못한 버그가 발생할 수 있습니다. function add(num1, num2) { ..

• format_list_bulleted Develop/TypeScript
• · 2023. 8. 8.
• textsms

Vue3 Composition API는 무엇을 해결 해줄까? OptionsAPI 단점

Vue3에서 가장 중요한 개념인 Composition API 가 새로 추가되었습니다. Vue2에서는Options API 방식을 이용해서 스크립트를 구성하였습니다. 하지만, Options API에 단점과 한계가 있어서 새로운 개념이 도입되었습니다. 기존과 완전히 다른 방법은 아니고, 템플릿과 스타일링은 기존과 동일하고 스크립트를 구성하는 방법이 조금 달라졌습니다. 물론, 기존 Options API 방법도 Vue3에서 사용이 가능합니다. Options API 방식 Options API의 단점 1. Options 속성에 따라서 로직이 분리가 됩니다. data, method, computed 등 다양한 Options 속성이 있습니다. 컴포넌트 내에는 다양한 기능들이 있지만, 기능들로 분리되지 않고 해당 옵션으로..

• format_list_bulleted Develop/Vue
• · 2023. 8. 5.
• textsms

판교 신도시 이름 어원 뜻 봇들마을 백현마을

판교 신도시는 성남시 분당구에 위치한 2기 신도시입니다. 대한민국에 많은 기업들이 판교에 위치하고 있고, 약 8만 명 이상의 사람들이 거주하고 있습니다. 판교에는 봇들마을, 백현마을, 산운 마을 등 예쁜 이름을 가진 동네이름들이 많습니다. 그 이름들이 어디서 유래됐고 무슨 뜻인지 궁금해서 한번 찾아보았습니다. 해당 이름들은 우리 고유의 명칭을 최대한 살리려고 판교 원주민들을 모아서 해당 지역이름을 유래를 정리하는 작업을 하였다고 합니다. 판교 뜻 널빤지로 만든 다리라는 뜻으로, 강가에 널빤지로 만든 다리를 의미하고 지명으로도 많이 쓰입니다. 판교 테크노밸리 옆으로 봇들마을과 백현마을이 주거지로 있습니다. 봇들 마을 뜻 신라시대에 화랑이 이 지역에 저수시설 보를 만들었는데, 주민들이 물을 끌어다 쓰게 된 ..

• format_list_bulleted 일상/이야기
• · 2023. 8. 2.
• textsms

Vue Props 양방향 바인딩 하는 방법 sync, v-model

Vue에서 자식 컴포넌트에게 데이터를 전달할때, props 속성을 사용합니다. Vue 부모➡️자식 / 자식➡️부모 데이터 전달하기 Vue에서 부모에서 자식으로 데이터 전달, 반대로 자식에서 부모로 데이터 전달이 가능합니다. 부모에서 자식으로 데이터 전달은 props를 이용해서 전달하고, 자식에서 부모 데이터 전달은 $emit을 powerku.tistory.com 프로그램을 개발하다 보면 자식에게 전달한 데이터를 변경하고 싶을 때가 발생하는데요. 자식 컴포넌트에서 props를 직정 변경하게 되면 오류가 발생합니다. Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'msg' props로 전달한 데이터를 변경하는 방법에 대하여 Vu..

• format_list_bulleted Develop/Vue
• · 2023. 7. 31.
• textsms

성공적으로 투자 하는 방법

다시 주식 시장이 불타고 있는 것 같습니다. 에코프로와 포스코 홀딩스가 엄청난 상승을 보이고 있네요. 1년새 10배 이상 상승한 모습이 보입니다. 이번 포스팅에서 성공적인 투자를 할 수 있는 방법에 대해서 3가지 작성해보려고 합니다. 1. 여유 자금 많은 전문가들이 부동산이나 주식 전망을 예측하지만, 실제 현상과 많이 틀리기도 합니다. 투자는 반드시 여유자금으로 해야합니다. 투자의 경우 심리적인 요소가 큽니다. 여유자금이 아닌 돈으로 투자를 하게 되서 손실이 나기 시작한다면, 마음이 조급해져서 쉽게 돈을 잃을 수 있습니다. 또 결혼을 준비하려고 하는 사람은 결혼을 미루게 되고, 가정이 있는 사람들은 가정 파괴의 주범이 될 수도 있습니다. 여유 자금으로 투자를 해야 심리적 안정을 얻을 수 있어서 투자에 성..

• format_list_bulleted 일상/재테크
• · 2023. 7. 26.
• textsms