Vue.js 심화 2탄 36강: 마법 도구 주머니를 만들자! (Composables)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 할아버지 방에서 손자 방으로 선물을 바로 쏘아 올리는 직송 마법(Provide & Inject)을 배웠죠? 오늘은 우리 성의 모든 마법사들이 공통으로 사용하는 마법 도구함을 만드는 법을 배울 거예요. 똑같은 주문을 여러 번 외우기 힘들 때,…
카테고리 VUEJS
Vue.js 심화 2탄 35강: 중간 방은 건너뛰어! 보물 직송 배달 (Provide & Inject)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 필요할 때만 방을 짓는 비동기 컴포넌트 마법을 배웠죠? 오늘은 아주 깊숙한 곳에 있는 방에 선물을 보낼 때 쓰는 특별한 배달법을 배워볼 거예요. 1층 할아버지가 3층 손자에게 선물을 줄 때, 2층 아빠를 거치지 않고…
Vue.js 심화 2탄 34강: 필요할 때만 나타나요! 마법의 예고편 (Async Components)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 재료가 올 때까지 친절하게 기다려주는 Suspense 마법을 배웠죠? 오늘은 그 마법을 더 똑똑하게 써먹는 방법을 배울 거예요. 웹사이트가 처음 시작할 때 모든 방을 한꺼번에 다 지으려면 시간이 너무 오래 걸려요. 그래서 평소에는 숨겨두었다가,…
Vue.js 심화 2탄 33강: 재료가 올 때까지 잠시만 기다려요! (Suspense)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리가 마법 우체국(API)을 통해 멀리 있는 성에서 소식을 가져올 때, 배달부가 오는 동안 시간이 조금 걸릴 수 있어요. 이때 화면이 텅 비어있으면 사용자들이 “마법이 고장 났나?”라고 생각할 수 있겠죠? 오늘은 재료가 도착할 때까지 예쁜 대기…
Vue.js 심화 2탄 32강: 슝~ 하고 나타나는 어디로든 문! (Teleport)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리가 마법 성을 짓다 보면, 가끔 아주 깊숙한 방(컴포넌트) 안에서 만든 알림창이나 팝업이 성 전체 화면 한가운데에 나타나야 할 때가 있어요. 하지만 방 안에 갇혀 있으면 성 밖으로 나가기가 힘들죠? 오늘은 이 문제를 해결해주는 순간이동…
Vue.js 심화 2탄 31강: 상자 속 보물을 밖으로 슝! (Scoped Slots)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 이름표가 붙은 마법 구멍(Named Slots)을 통해 보물을 제자리에 넣는 법을 배웠죠? 오늘은 더 신기한 마법을 부려볼 거예요. 상자 안에 숨겨진 비밀 보물을 밖으로 꺼내서, 밖에서 내 마음대로 모양을 바꿀 수 있게 해주는 보물…
Vue.js 심화 2탄 30강: 구멍마다 이름이 있어요! 마법 상자 칸 나누기 (Named Slots)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 무엇이든 담을 수 있는 마법 액자(Slot)를 배웠죠? 그런데 상자에 구멍이 하나뿐이라 제목이랑 내용을 한꺼번에 넣으려니 조금 뒤섞여 보이지 않았나요? 오늘은 상자에 여러 개의 구멍을 뚫고, 이름표를 붙여서 보물을 제자리에 쏙쏙 넣는 이름표 마법…
Vue.js 심화 2탄 29강: 내 마음대로 갈아 끼우는 마법 액자! (Slots 기초)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 나갔다 와도 그대로 기억해주는 마법 가루(KeepAlive)를 배웠죠? 오늘은 우리 성의 인테리어를 훨씬 멋지게 만들어줄 도구를 가져왔어요. 모양은 똑같은 액자인데, 어떤 날은 그림을 넣고 어떤 날은 거울을 넣을 수 있는 마법 액자, Slots(슬롯)을 배워볼게요!…
Vue.js 심화 2탄 28강: 나갔다 와도 그대로! 마법의 기억 가루 (KeepAlive)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 재료가 올 때까지 친절하게 기다려주는 Suspense 마법을 배웠죠? 오늘은 우리 성의 방들을 더 특별하게 만들어볼 거예요. 보통은 다른 방에 가면 원래 있던 방의 물건들이 모두 사라지고 초기화되지만, 이 마법을 쓰면 다시 돌아왔을 때…
Vue.js 심화 2탄 27강: 재료가 올 때까지 잠시만 기다려요! (Suspense)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리가 마법 우체국(API)을 통해 멀리 있는 성에서 소식을 가져올 때, 배달부가 오는 동안 시간이 조금 걸릴 수 있어요. 이때 화면이 텅 비어있으면 사용자들이 “마법이 고장 났나?”라고 생각할 수 있겠죠? 오늘은 재료가 도착할 때까지 예쁜 대기…
Vue.js 심화 2탄 26강: 슝~ 하고 나타나는 어디로든 문! (Teleport)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리가 마법 성을 짓다 보면, 가끔 아주 깊숙한 방(컴포넌트) 안에서 만든 알림창이나 팝업이 성 전체 화면 한가운데에 나타나야 할 때가 있어요. 하지만 방 안에 갇혀 있으면 성 밖으로 나가기가 힘들죠? 오늘은 이 문제를 해결해주는 순간이동…
Vue.js 심화 2탄 25강: 상자 속 보물을 밖으로 슝! (Scoped Slots)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 이름표가 붙은 마법 구멍(Named Slots)을 통해 보물을 제자리에 넣는 법을 배웠죠? 오늘은 더 신기한 마법을 부려볼 거예요. 상자 안에 숨겨진 비밀 보물을 밖으로 꺼내서, 밖에서 내 마음대로 모양을 바꿀 수 있게 해주는 보물…