본문 바로가기

전체 글

(68)
[Think] 매미 새벽 4시 아이가 배가 아프다고 일어 났다. 일어난 아이의 얼굴을 보니 얼굴이 부워 있었고, 몸 여러곳에 두드러기가 올라와 있고, 계속 여러곳을 긁었다. 그렇게 응급실을 가야하나 말아야하나 고민하며, 아이 상태를 살피는데 1시간 정도 지나니 얼굴과 기침등등 알러지 반응이 괜찮아 졌다. 그러며 밖이 밝아 오고 매미가 우는것이었다. 그러면서 아이가 하는 말이 매미는 여름에 아침을 알려주는 시계 같다고 툭 이야기를 했다. 난 시끄러운 매미 소리 라고 생각 중이었는데....... 그런데 아이의 순수한 마음에는 이런 생각을 할수 있구나... 그러며 참 멋진 말이다 라는 생각 들었다. 다시 한번 생각해본다. 땅속에서 3~7년 매미의 삶은 1달.. 매미 여름, 아침을 알려주는 시계
[Vue3] Changes in Vue life cycle 라이프 사이클은 Vue2 및 Vue3에서 유사하게 작동하지만 컴포지션 API를 사용하면 이러한 라이프 사이클 후크에 대한 액세스가 다음과 같이 변경되었습니다. beforeCreate 및 created lifecycle hooks는 setup()이 이들을 대체하고, 정확한 기능을 수행하기 때문에 필요하지 않습니다. 그리고 이러한 라이프 사이클 후크를 사용하기 전에 가져 오는 것이 중요합니다. 예를 들어, onBeforeMount 는 다음과 같이 작성됩니다. import { onBeforeMount } from 'vue' export default { setup() { // mounted onBeforeMount(() => { // implementation }) } } 즉, 모든 라이프 사이클 후크와 그 ..
[Vue3] Composition API Vue 사용의 장점 중 하나는 기능과 함께 코드의 반복 가능한 부분을 추출 할 수 있다는 것입니다. 이는 코드의 유지 관리 가능성과 유연성을 향상시키는 데 큰 역할을하지만 응용 프로그램이 많은 구성 요소와 함께 커지면 더 어려워 질 수 있습니다. Vue2에서는 데이터, 계산, 메서드, 시계와 같은 구성 요소의 옵션을 사용하여 논리를 구성합니다. 이 접근 방식은 성장된 구성 요소의 경우 코드를 읽고 이해하기 어렵게 만듭니다. 다음은 기본 Vue2 코드의 예입니다. export default { components: { Component1, Component2 }, props: { prop1: { type: String, required: true } }, data () { return { object 1,..
vue3 무엇이 다를까? Vue3는 Vue2 보다 더 빠르고, 작고, 유지보수가 용이하다. 또한 네이티브 타겟팅이 더 쉽다. Vue3는 Vue2의 기본 구문은 매우 유사하다. Vue3에 새롭게 도입 된 새로운 변경 사항 1. 컴포넌트 API 2. Vue 라이프 사이클의 변화 3. 텔레포트 4. 조각 5. 초기화 코드 하나씩 알아 보도록 하자!!!
[내돈내먹]삼양우숙이앤인생게장 인생.. 간장게장 이라고 한다.. 난 간장게장을 좋아하지는 않지만.. 맛있었던것 같다. 레몬의 상큼함이 느껴지는 맛... 1Kg에 2만원... 다른 메뉴 우숙이.. 먹어 보고 싶다...
[내돈내먹] 우리집 인터넷에서 퍼온 사진 이지만 .. 아주 맛있었다. 뚝배기인데 2인을 주문하니 아래 사진처럼 넓은 냄비에 주셨다. 다 먹은후 라면을 추가 주문해서 먹었는데 맛있었다. 추가 적으로 라면스프는 넣지 말라고 하셨지만.. 우리 빨간 맛을 원해!!! 라면스프 첨가!!! 그래도 아주 맛있었다 .. 아이들과 같이 가도 좋을것 같다!!!
Vue 기술 면접(주니어) Q1: What is Vue.js? Q1. Vue.js 가 뭔가요? - Even You(에번 유) 가 2014년도에 발표한 자바스크립트 프레임워크 - 동적인 사용자 인터페이스(UI) 를 만들기 위한 프레임워크 Q2: How to create an instance of Vue.js? Q2. Vue instance 는 어떻게 생성하나요? - Vue() 생성자 함수를 이용하여 생성 - 생성시 옵션 객체를 전달 let vm = new Vue({}); - vue component 도 vue instance 와 동일하다. Q3: Explain the differences between one-way data flow and two-way data binding? Q3. 단방향 바인딩과 양방향 바인딩에 대한 차이점을..
[2021.08.31] 제주 삼양해수욕장 출장 그리고, 저녁 노을. 사진 참 못찍었다... ㅜㅜ