Vue.js 심화 2탄 32강: 슝~ 하고 나타나는 어디로든 문! (Teleport)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리가 마법 성을 짓다 보면, 가끔 아주 깊숙한 방(컴포넌트) 안에서 만든 알림창이나 팝업이 성 전체 화면 한가운데에 나타나야 할 때가 있어요. 하지만 방 안에 갇혀 있으면 성 밖으로 나가기가 힘들죠? 오늘은 이 문제를 해결해주는 순간이동…
파이썬 마법 학교 55강: 비서야, 부탁해! 매일 똑똑하게 일하는 ‘자동화 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 그동안 우리는 수집도 하고, 게임도 만들고, 그래프도 그렸어요. 그런데 매번 우리가 ‘실행’ 버튼을 눌러야 한다면 조금 번거롭겠죠? 오늘은 파이썬 비서에게 “매일 아침 9시마다 날씨를 수집해줘!”라고 시키는 ‘작업 스케줄러(Task Scheduler)’ 마법을 배워볼게요! 1. 자동화는 ‘알람 시계’와…
PHP 마법 학교 2기 7강: 무엇이든 담는 주머니, ‘마법 가방(배열, Array)’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 똑똑하게 반복하는 ‘for 반복문’을 배웠죠? 오늘은 수많은 마법 재료를 하나하나 따로 보관하지 않고, 커다란 가방 하나에 몽땅 담아 관리하는 ‘마법 가방(배열, Array)’을 배워보겠습니다. 가방 하나만 잘 챙기면 수백 개의 재료도 잃어버리지 않을 수…
Vue.js 심화 2탄 31강: 상자 속 보물을 밖으로 슝! (Scoped Slots)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 이름표가 붙은 마법 구멍(Named Slots)을 통해 보물을 제자리에 넣는 법을 배웠죠? 오늘은 더 신기한 마법을 부려볼 거예요. 상자 안에 숨겨진 비밀 보물을 밖으로 꺼내서, 밖에서 내 마음대로 모양을 바꿀 수 있게 해주는 보물…
파이썬 마법 학교 54강: 반짝반짝 데이터 별자리! ‘산점도’로 관계 찾기
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 그동안 우리는 막대, 파이, 꺾은선그래프로 숫자를 그려봤어요. 오늘은 시각화 시리즈의 마지막 주인공, ‘산점도(Scatter Plot)’ 마법을 배워볼 거예요. 점들을 밤하늘의 별처럼 흩뿌려서 두 데이터가 얼마나 친한지 알아보는 신기한 그래프랍니다! 1. 산점도는 ‘데이터의 우정 지도’예요 산점도는 가로축(X)과…
PHP 마법 학교 2기 6강: 귀차니즘 타파! ‘무한 복제 마법(for 반복문)’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 상황에 따라 판단하는 ‘if 조건문’을 배웠죠? 오늘은 마법사들이 가장 귀찮아하는 일을 순식간에 해결해주는 ‘무한 복제 마법(for 반복문)’을 배워보겠습니다. 똑같은 주문을 백 번, 천 번 외워야 할 때 이 마법 하나면 1초 만에 끝낼…
Vue.js 심화 2탄 30강: 구멍마다 이름이 있어요! 마법 상자 칸 나누기 (Named Slots)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 무엇이든 담을 수 있는 마법 액자(Slot)를 배웠죠? 그런데 상자에 구멍이 하나뿐이라 제목이랑 내용을 한꺼번에 넣으려니 조금 뒤섞여 보이지 않았나요? 오늘은 상자에 여러 개의 구멍을 뚫고, 이름표를 붙여서 보물을 제자리에 쏙쏙 넣는 이름표 마법…
파이썬 마법 학교 53강: 변화를 따라가요! ‘아슬아슬 꺾은선그래프’ 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 동글동글 파이 차트로 비중을 확인해봤죠? 오늘은 시간이 흐르면서 숫자가 어떻게 변하는지 한눈에 보여주는 ‘꺾은선그래프(Line Graph)’ 마법을 배워볼 거예요. 주식 차트나 기온 변화표에서 자주 보던 바로 그 그래프랍니다! 1. 꺾은선그래프는 ‘데이터의 발자국’이에요 꺾은선그래프는 시간이…
PHP 마법 학교 2기 5강: 마법의 갈림길! ‘판단하는 마법(if 조건문)’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 숫자를 더하고 빼는 계산 마법을 배웠죠? 오늘은 상황에 따라 다른 마법을 부리는 아주 똑똑한 기술, ‘판단하는 마법(if 조건문)’을 배워보겠습니다. 이제 우리 웹사이트가 스스로 생각을 해서 결정을 내릴 수 있게 될 거예요! 1. 만약에(if)…
Vue.js 심화 2탄 29강: 내 마음대로 갈아 끼우는 마법 액자! (Slots 기초)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 나갔다 와도 그대로 기억해주는 마법 가루(KeepAlive)를 배웠죠? 오늘은 우리 성의 인테리어를 훨씬 멋지게 만들어줄 도구를 가져왔어요. 모양은 똑같은 액자인데, 어떤 날은 그림을 넣고 어떤 날은 거울을 넣을 수 있는 마법 액자, Slots(슬롯)을 배워볼게요!…
파이썬 마법 학교 52강: 맛있는 데이터! ‘동글동글 파이 차트’ 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 막대그래프로 키를 비교해봤다면, 오늘은 전체를 조각조각 나누어 보는 ‘파이 차트(Pie Chart)’ 마법을 배워볼 거예요. 마치 맛있는 피자를 나누어 먹는 것처럼 데이터의 비중을 한눈에 알 수 있답니다! 1. 파이 차트는 ‘데이터 피자’예요 파이 차트는…
PHP 마법 학교 2기 4강: 계산하는 인형, ‘자바스크립트로 만드는 덧셈 계산기’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 사용자의 글자를 낚아채는 마법을 배웠죠? 오늘은 그 글자 속에 숨어있는 숫자를 찾아내어 자동으로 더하기를 해주는 ‘수학 연금술’을 배워보겠습니다. 이제 우리 웹사이트가 스스로 계산까지 하는 똑똑한 인형이 될 거예요! 1. 숫자인 척하는 글자? 변신…