Vue.js 심화 2탄 33강: 재료가 올 때까지 잠시만 기다려요! (Suspense)

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리가 마법 우체국(API)을 통해 멀리 있는 성에서 소식을 가져올 때, 배달부가 오는 동안 시간이 조금 걸릴 수 있어요. 이때 화면이 텅 비어있으면 사용자들이 “마법이 고장 났나?”라고 생각할 수 있겠죠? 오늘은 재료가 도착할 때까지 예쁜 대기…

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리가 마법 우체국(API)을 통해 멀리 있는 성에서 소식을 가져올 때, 배달부가 오는 동안 시간이 조금 걸릴 수 있어요. 이때 화면이 텅 비어있으면 사용자들이 “마법이 고장 났나?”라고 생각할 수 있겠죠? 오늘은 재료가 도착할 때까지 예쁜 대기…

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 시간에 맞춰 스스로 일어나는 자동화 비서를 만났죠? 오늘은 그 비서에게 ‘편지 쓰는 법’을 가르쳐줄 거예요. 수집한 뉴스나 오늘의 일기를 우리 메일함으로 쏙 넣어주는 ‘이메일 자동화’ 마법을 배워봅시다! 1. 이메일 자동화는 ‘디지털 우체부’예요 우리가…

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 그동안 우리는 수집도 하고, 게임도 만들고, 그래프도 그렸어요. 그런데 매번 우리가 ‘실행’ 버튼을 눌러야 한다면 조금 번거롭겠죠? 오늘은 파이썬 비서에게 “매일 아침 9시마다 날씨를 수집해줘!”라고 시키는 ‘작업 스케줄러(Task Scheduler)’ 마법을 배워볼게요! 1. 자동화는 ‘알람 시계’와…

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리가 마법 성을 짓다 보면, 가끔 아주 깊숙한 방(컴포넌트) 안에서 만든 알림창이나 팝업이 성 전체 화면 한가운데에 나타나야 할 때가 있어요. 하지만 방 안에 갇혀 있으면 성 밖으로 나가기가 힘들죠? 오늘은 이 문제를 해결해주는 순간이동…

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 그동안 우리는 수집도 하고, 게임도 만들고, 그래프도 그렸어요. 그런데 매번 우리가 ‘실행’ 버튼을 눌러야 한다면 조금 번거롭겠죠? 오늘은 파이썬 비서에게 “매일 아침 9시마다 날씨를 수집해줘!”라고 시키는 ‘작업 스케줄러(Task Scheduler)’ 마법을 배워볼게요! 1. 자동화는 ‘알람 시계’와…

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 똑똑하게 반복하는 ‘for 반복문’을 배웠죠? 오늘은 수많은 마법 재료를 하나하나 따로 보관하지 않고, 커다란 가방 하나에 몽땅 담아 관리하는 ‘마법 가방(배열, Array)’을 배워보겠습니다. 가방 하나만 잘 챙기면 수백 개의 재료도 잃어버리지 않을 수…

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 이름표가 붙은 마법 구멍(Named Slots)을 통해 보물을 제자리에 넣는 법을 배웠죠? 오늘은 더 신기한 마법을 부려볼 거예요. 상자 안에 숨겨진 비밀 보물을 밖으로 꺼내서, 밖에서 내 마음대로 모양을 바꿀 수 있게 해주는 보물…

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 그동안 우리는 막대, 파이, 꺾은선그래프로 숫자를 그려봤어요. 오늘은 시각화 시리즈의 마지막 주인공, ‘산점도(Scatter Plot)’ 마법을 배워볼 거예요. 점들을 밤하늘의 별처럼 흩뿌려서 두 데이터가 얼마나 친한지 알아보는 신기한 그래프랍니다! 1. 산점도는 ‘데이터의 우정 지도’예요 산점도는 가로축(X)과…

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 상황에 따라 판단하는 ‘if 조건문’을 배웠죠? 오늘은 마법사들이 가장 귀찮아하는 일을 순식간에 해결해주는 ‘무한 복제 마법(for 반복문)’을 배워보겠습니다. 똑같은 주문을 백 번, 천 번 외워야 할 때 이 마법 하나면 1초 만에 끝낼…

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 무엇이든 담을 수 있는 마법 액자(Slot)를 배웠죠? 그런데 상자에 구멍이 하나뿐이라 제목이랑 내용을 한꺼번에 넣으려니 조금 뒤섞여 보이지 않았나요? 오늘은 상자에 여러 개의 구멍을 뚫고, 이름표를 붙여서 보물을 제자리에 쏙쏙 넣는 이름표 마법…

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 동글동글 파이 차트로 비중을 확인해봤죠? 오늘은 시간이 흐르면서 숫자가 어떻게 변하는지 한눈에 보여주는 ‘꺾은선그래프(Line Graph)’ 마법을 배워볼 거예요. 주식 차트나 기온 변화표에서 자주 보던 바로 그 그래프랍니다! 1. 꺾은선그래프는 ‘데이터의 발자국’이에요 꺾은선그래프는 시간이…

안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 숫자를 더하고 빼는 계산 마법을 배웠죠? 오늘은 상황에 따라 다른 마법을 부리는 아주 똑똑한 기술, ‘판단하는 마법(if 조건문)’을 배워보겠습니다. 이제 우리 웹사이트가 스스로 생각을 해서 결정을 내릴 수 있게 될 거예요! 1. 만약에(if)…