Vue.js 심화 3탄 6강: 깊은 방까지 한 번에 슝! 마법의 직송 배달 (Provide & Inject)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 대기실을 만들어 기다림을 즐겁게 만드는 서스펜스(Suspense) 마법을 배웠죠? 오늘은 우리 마법 성이 아주 복잡해졌을 때 꼭 필요한 기술을 배울 거예요. 1층 할아버지가 4층 손자에게 선물을 줄 때, 중간에 있는 아빠와 삼촌을 귀찮게 하지 않고…
카테고리 VUEJS
Vue.js 심화 3탄 3강: 줄을 서시오! 차례대로 나타나는 마법 (Transition Group)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 하트가 통통 튀는 애니메이션 마법을 배웠죠? 그런데 만약 보물 상자에서 보석이 여러 개 쏟아져 나온다면 어떻게 할까요? 하나씩 갑자기 툭툭 나타나면 정신없겠죠? 오늘은 여러 개의 물건이 순서대로 멋지게 등장하고, 자리가 바뀌면 부드럽게 비켜주는 마법의…
Vue.js 심화 3탄 2강: 통통! 뱅글! 우리 성의 물건들이 춤을 춰요 (Animation)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 물건이 안개처럼 스르륵 나타나는 트랜지션 마법을 배웠죠? 오늘은 한 단계 더 나아가서, 물건들이 신나게 춤을 추게 만드는 마법의 춤, Animation(애니메이션)을 배워볼 거예요. 단순히 나타나는 걸 넘어, 정답을 맞혔을 때 하트가 통통 튀거나 보물 상자가…
Vue.js 심화 3탄 1강: 반짝반짝! 나타나고 사라지는 마법 (Transition 기초)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간까지 우리는 성의 지도(Router)와 보물 창고(Pinia)를 만드는 아주 어려운 마법들을 모두 마스터했어요. 이제부터 시작되는 심화 3탄에서는 우리 성을 전 세계에서 가장 아름답게 꾸미는 디자인 마법을 배울 거예요. 첫 번째로, 물건이 갑자기 나타나지 않고 스르륵~…
Vue.js 심화 2탄 47강: [최종화] 진정한 마법 마스터를 향해! (심화 2탄 총정리)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 우리가 함께 달려온 Vue.js 심화 2탄의 마지막 시간이에요! 처음에는 작은 방 하나 만드는 것도 어려웠지만, 이제 여러분은 전 세계 어디서든 접속할 수 있는 거대한 마법 성을 다스리는 성주가 되었어요. 오늘은 우리가 배운 소중한 마법들을…
Vue.js 심화 2탄 46강: 세상 밖으로! 우리 성을 공개해요 (Build & Deploy)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 우리가 만든 마법 성이 완공되었어요! 하지만 지금까지는 우리 집 컴퓨터 안에서만 볼 수 있는 비밀 성이었죠? 오늘은 이 성을 아주 작고 튼튼하게 포장해서, 전 세계 친구들이 주소를 치고 놀러 올 수 있게 만드는 마법…
Vue.js 심화 2탄 43강: 더 빠르고 안전한 편지 배달! (Axios 마법)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제 마법 안테나(Fetch)로 먼 나라의 소식을 가져오는 법을 배웠죠? 그런데 가끔은 편지가 도중에 사라지거나, 답장이 너무 늦게 와서 곤란할 때가 있어요. 오늘은 이런 문제를 해결해주는 마법의 특급 우편 가방, Axios(엑시오스)를 배워볼게요! [IMAGE_1] 1. Axios: 더…
Vue.js 심화 2탄 41강: 새로고침해도 안 사라져요! 영원한 보물 창고 (Pinia Persist)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 성의 모든 방에서 함께 쓰는 공용 보물 창고 ‘Pinia’를 배웠죠? 그런데 한 가지 고민이 생겼어요. 열심히 점수를 올렸는데, 브라우저를 새로고침하거나 컴퓨터를 껐다 켜면 점수가 다시 0점이 되어버리거든요. 오늘은 이 보물들을 영원히 간직하게 해주는…
Vue.js 심화 2탄 40강: 우리 성의 공용 보물 창고! (Pinia 기초)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 페이지를 옮겨 다닐 때 위치를 잡아주는 스크롤 마법(Scroll Behavior)을 배웠죠? 이제 성이 아주 커졌어요! 그런데 공부방에서 얻은 ‘칭찬 스티커’를 거실에서도 보여주고 싶고, 게임방에서도 쓰고 싶다면 어떻게 해야 할까요? 방마다 일일이 배달하기 힘들 때…
Vue.js 심화 2탄 39강: 화면의 위치를 척척! 자동으로 움직이는 지도 (Scroll Behavior)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 성의 입구를 지키는 든든한 문지기 기사님(Navigation Guards)을 만났죠? 오늘은 우리 성을 여행하는 손님들을 위한 아주 세심한 서비스를 준비했어요. 긴 복도를 지나 다른 방으로 갔을 때, 화면이 맨 아래에 멈춰 있으면 당황스럽겠죠? 자동으로 화면을…
Vue.js 심화 2탄 38강: 공부 다 했니? 마법 성의 문지기 (Navigation Guards)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 성의 이곳저곳을 연결하는 마법 지도(Vue Router)를 배웠죠? 그런데 가끔은 아무나 들어가면 안 되는 방이 있어요. 예를 들어, 숙제를 다 안 했는데 게임방에 들어가면 안 되겠죠? 오늘은 길목을 지키고 서서 허락된 사람만 들여보내 주는…
Vue.js 심화 2탄 37강: 어디로 가야 할까? 마법 성의 지도 (Vue Router)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 마법 도구들을 주머니에 쏙 넣어두는 컴포저블(Composables)을 배웠죠? 이제 우리 성에는 멋진 방들이 아주 많아졌어요. 하지만 방들이 어디에 있는지 모르면 길을 잃기 쉽겠죠? 오늘은 여러 페이지를 연결해주는 마법 성의 전체 지도, Vue Router(뷰 라우터)를…