분류 전체보기 (47) 썸네일형 리스트형 Vue3 defineExpose 사용법 Vue 3에서 defineExpose는 부모 컴포넌트가 자식 컴포넌트의 API에 직접적으로 접근할 수 있도록 하는 방법을 제공하는 함수입니다. 이 함수는 자식 컴포넌트의 setup 함수 내에서 사용됩니다. 기존의 Vue 2에서는 props, emit, ref 등의 속성을 사용하여 자식 컴포넌트의 API를 부모 컴포넌트에 노출할 수 있었습니다. 그러나 Vue 3에서는 defineExpose 함수를 사용하여 자식 컴포넌트에서 노출할 API를 직접 정의할 수 있습니다. defineExpose 함수는 객체를 인자로 받습니다. 이 객체는 자식 컴포넌트에서 노출할 API를 포함하고 있습니다. 이러한 API는 부모 컴포넌트에서 자식 컴포넌트의 exposed 속성을 통해 접근할 수 있습니다. 예를 들어, 아래와 같이 .. Vue3 ref, reactive 사용법 ref Vue.js 3에서 ref는 새로운 기능이 추가되어 이전 버전의 ref와는 조금 다릅니다. Vue.js 3에서 ref는 다음과 같은 기능을 가지고 있습니다. 1. 간편한 변수 선언 Vue.js 3에서 ref는 변수를 선언하는 데 사용될 수 있습니다. 다음은 ref를 사용하여 변수를 선언하는 예시입니다. import { ref } from 'vue'; const count = ref(0); 2. 반응성 데이터 제공 Vue.js 3에서 ref는 변수를 반응성 데이터로 만들어줍니다. 따라서, ref로 선언된 변수의 값이 변경되면, 해당 값을 사용하는 Vue 컴포넌트의 뷰도 자동으로 업데이트됩니다. Count: {{ count }} Increment 3. ref 속성을 통한 변수 접근 Vue.js 3에서.. Typescript 변수 타입(type) 선언 방법 TypeScript에서 변수의 타입을 선언하는 방법은 크게 두 가지가 있습니다. 1. Type Annotations Type Annotations은 변수 또는 함수의 파라미터, 반환값 등에 대한 타입 정보를 직접 작성하는 방법입니다. 변수의 Type Annotations 예시: let myNumber: number = 123; let myString: string = "Hello, World!"; let myBoolean: boolean = true; let myArray: string[] = ["apple", "banana", "orange"]; let myObject: { name: string, age: number } = { name: "John Doe", age: 30 }; 위 예시에서는 변수 .. Javascript 이벤트 루프란? 자바스크립트는 싱글 스레드 기반 언어이다. 즉 한번에 하나의 작업만을 처리 할 수 있다. 자바스크립트는 싱글 스레드 기반이며 논 블로킹 방식의 비동기적인 동시성 언어이며 콜 스택, 이벤트 루프와 콜백 큐 그리고 여러가지 다른 API들을 가지고 있다. 브라우저 환경 구성 콜스택 자바스크립트는 싱글 스레드 언어이며 한번에 하나의 작업만을 처리 할 수 있다. 콜스택 실행 순서 함수를 호출하면 실행 컨텍스트(Excution Context)가 생성되고 콜스택에 추가후 실행된다. 내부 함수가 있는 경우 콜스택에 추가되고 내부함수가 실행된다. function multiply(a,b) { // 3 return a*b; } function square(n) { // 2 return multiply(n,n); } func.. Spring Boot Web3j Lib를 사용하여 이더리움 Contract 통신 방법 Web3j는 이더리움 블록체인과 상호작용하기 위한 자바 라이브러리입니다. 이러한 기술을 결합하여 이더리움 스마트 컨트랙트와 통신하는 방법을 소스로 보여드리겠습니다. 여기에서는 Infura API apiKey 및 smart contract wrapper java 파일이 준비되어 있어야 합니다. 1. Infura API apiKey는 아래 사이트에서 가입 후 얻으실 수 있습니다. https://www.infura.io/ Ethereum API | IPFS API & Gateway | ETH Nodes as a Service Infura's development suite provides instant, scalable API access to the Ethereum and IPFS networks. Conn.. 델몬트 파인스틱 구매 후기 로켓배송의 편리함에 너무 익숙해진지 90일~!! 코로나시기에 가장 많이 이용하는건 쿠팡 로켓프레시~!! 직접 내돈으로 사서 먹어본 후기입니다. 개인적인 생각이니 참고만 하세요~^^ ■ 델몬트 파인스틱 : 간편하게 먹을수있으며, 6살 딸아이도 달콤새콤 아주 맛있게 먹는다. 좋아하는 등산 가기 전날은 로켓프레시 이용~ 그러면 다음날 새벽에 배송완료~!! 요즘 내가 좋아하는 파인애플이다. https://coupa.ng/cbKYxK 델몬트 파인스틱 10입 COUPANG www.coupang.com "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 쿠팡 파트너스 활동에 도전중입니다. 추천ID: AF0541479 https://coupa.ng/cbKWZC COUP.. 곰곰 부대찌개 구매 후기 로켓배송의 편리함에 너무 익숙해진지 90일~!! 코로나시기에 가장 많이 이용하는건 쿠팡 로켓프레시~!! 직접 내돈으로 사서 먹어본 후기입니다. 개인적인 생각이니 참고만 하세요~^^ ■ 곰곰 부대찌개 : 김치찌개와 된장찌개만 먹다 부대찌개가 먹고싶을때는 곰곰부대찌개를 추천합니다.. 햄, 떡, 당면, 각종사리가 푸짐하게 있어 저렴한 가격에 맛있게 먹는 부대찌개입니다. 외식하자니 귀찮고 밥하기는 싫은날~!! 그런데 배는 고픈날~!!ㅎㅎㅎㅎㅎ 그런날 추천합니다. 쿠팡 주문시 미리 챙겨두세요~ https://coupa.ng/cbKZNu 곰곰 부대찌개 (냉동) COUPANG www.coupang.com "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 쿠팡 파트너스 .. 이전 1 ··· 3 4 5 6 다음
