파이썬 마법 학교 챌린지 #14: 매일 8잔! ‘벌컥벌컥 수분 충전 알리미’ 만들기
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간 암호화 마법으로 비밀 메시지를 주고받는 재미를 느끼셨나요? 오늘은 우리 몸의 70%를 차지하는 ‘물’을 잘 챙겨 마실 수 있게 도와주는 ‘수분 충전 알리미’를 만들어 볼 거예요. 건강한 마법사가 코딩도 더 잘하는 법이니까요! 1. 물…
PHP 마법 학교 5기 2강: 달콤한 데이터 조각! ‘파이 차트(Pie Chart) 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 막대그래프를 통해 데이터의 높낮이를 비교하는 법을 배웠죠? 오늘은 전체 중에서 각각이 얼마만큼의 비중을 차지하는지 한눈에 보여주는 ‘파이 차트(Pie Chart) 마법’을 배워보겠습니다. 마치 맛있는 피자나 케이크를 나누는 것 같은 재미있는 차트랍니다! [IMAGE_1] 1. 파이…
Vue.js 심화 3탄 6강: 깊은 방까지 한 번에 슝! 마법의 직송 배달 (Provide & Inject)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 대기실을 만들어 기다림을 즐겁게 만드는 서스펜스(Suspense) 마법을 배웠죠? 오늘은 우리 마법 성이 아주 복잡해졌을 때 꼭 필요한 기술을 배울 거예요. 1층 할아버지가 4층 손자에게 선물을 줄 때, 중간에 있는 아빠와 삼촌을 귀찮게 하지 않고…
파이썬 마법 학교 챌린지 #10: 행운을 빌어요! ‘반짝반짝 오늘의 운세’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 벌써 챌린지 10번째 시간이네요! 오늘은 여러분의 하루를 기분 좋게 시작하게 해줄 특별한 프로그램을 준비했어요. 버튼을 누르면 파이썬 비서가 오늘의 행운 메시지를 전해주는 ‘오늘의 운세’ 마법입니다! 1. 운세 요정의 보물 상자 운세 프로그램의 핵심은 아주 멋진…
PHP 마법 학교 4기 6강: 감성을 담는 글씨체! ‘구글 폰트와 텍스트 디자인 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 멋진 배경과 사진을 넣는 ‘이미지 마법’을 배웠죠? 하지만 사진만 예쁘고 글씨체가 딱딱하면 2% 부족한 느낌이 들 거예요. 오늘은 웹사이트의 분위기를 결정짓는 ‘폰트(글씨체)와 텍스트 디자인’을 배워보겠습니다. 구글 폰트라는 보물 창고에서 예쁜 글씨체를 빌려와 우리…
Vue.js 심화 3탄 3강: 줄을 서시오! 차례대로 나타나는 마법 (Transition Group)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 하트가 통통 튀는 애니메이션 마법을 배웠죠? 그런데 만약 보물 상자에서 보석이 여러 개 쏟아져 나온다면 어떻게 할까요? 하나씩 갑자기 툭툭 나타나면 정신없겠죠? 오늘은 여러 개의 물건이 순서대로 멋지게 등장하고, 자리가 바뀌면 부드럽게 비켜주는 마법의…
PHP 마법 학교 4기 5강: 마법 사진첩! ‘이미지와 배경을 다루는 멋진 방법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 웹사이트에 생동감을 불어넣는 ‘변신 애니메이션 마법’을 배웠죠? 오늘은 우리 마법 학교를 더 아름답게 꾸며줄 ‘이미지와 배경 마법’을 배워보겠습니다. 밋밋한 흰색 배경 대신 멋진 마법 성의 배경을 넣고, 사진을 동그랗게 자르는 기술을 익혀볼까요? [IMAGE_1]…
Vue.js 심화 3탄 2강: 통통! 뱅글! 우리 성의 물건들이 춤을 춰요 (Animation)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 물건이 안개처럼 스르륵 나타나는 트랜지션 마법을 배웠죠? 오늘은 한 단계 더 나아가서, 물건들이 신나게 춤을 추게 만드는 마법의 춤, Animation(애니메이션)을 배워볼 거예요. 단순히 나타나는 걸 넘어, 정답을 맞혔을 때 하트가 통통 튀거나 보물 상자가…
파이썬 마법 학교 챌린지 #6: 차곡차곡! ‘마법의 할 일 목록’ 만들기
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 오늘은 여러분이 오늘 꼭 해야 할 일들을 잊지 않게 도와주는 ‘마법의 할 일 목록’을 코딩해볼 거예요. 파이썬 주머니(리스트)에 할 일을 담았다가, 다 끝내면 쏙 빼내는 재미있는 마법을 시작해봐요! [IMAGE_1] 1. 데이터를 담는 요술 주머니: 리스트(List)…
PHP 마법 학교 4기 4강: 스르륵 변신 마법! ‘CSS 트랜지션과 애니메이션 기초’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 우리 웹사이트를 둥글고 입체적으로 만드는 디자인 마법을 배웠죠? 오늘은 가만히 멈춰있는 웹사이트에 생명력을 불어넣는 ‘변신 애니메이션 마법(Transition)’을 배워보겠습니다. 마우스를 올렸을 때 부드럽게 색이 변하거나 커지는 효과 하나만으로도 웹사이트가 훨씬 살아있는 것처럼 느껴질 거예요!…
Vue.js 심화 3탄 1강: 반짝반짝! 나타나고 사라지는 마법 (Transition 기초)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간까지 우리는 성의 지도(Router)와 보물 창고(Pinia)를 만드는 아주 어려운 마법들을 모두 마스터했어요. 이제부터 시작되는 심화 3탄에서는 우리 성을 전 세계에서 가장 아름답게 꾸미는 디자인 마법을 배울 거예요. 첫 번째로, 물건이 갑자기 나타나지 않고 스르륵~…
Vue.js 심화 2탄 47강: [최종화] 진정한 마법 마스터를 향해! (심화 2탄 총정리)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 우리가 함께 달려온 Vue.js 심화 2탄의 마지막 시간이에요! 처음에는 작은 방 하나 만드는 것도 어려웠지만, 이제 여러분은 전 세계 어디서든 접속할 수 있는 거대한 마법 성을 다스리는 성주가 되었어요. 오늘은 우리가 배운 소중한 마법들을…