Vue.js 심화 3탄 11강: 자주 쓰는 주문은 주머니에 쏙! (Composables)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 방을 옮겨도 기억력을 유지해주는 킵 얼라이브(KeepAlive) 마법을 배웠죠? 성이 점점 커지다 보니, 여러 방에서 똑같은 마법 주문을 반복해서 써야 할 때가 많아졌어요. 매번 똑같은 긴 주문을 외우기 힘들겠죠? 오늘은 자주 쓰는 마법을 예쁜 주머니에…
카테고리 IT/테크
PHP 마법 학교 5기 5강: 데이터의 별자리 찾기! ‘산점도(Scatter Chart)와 숨은 규칙 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 여러 능력을 비교하는 ‘레이더 차트’를 배웠죠? 오늘은 수많은 데이터 점들을 밤하늘의 별처럼 흩뿌려 그 사이의 비밀을 찾아내는 ‘산점도(Scatter Chart) 마법’을 배워보겠습니다. 흩어진 점들 속에서 일정한 방향이나 규칙을 찾아내는 아주 신비로운 마법이에요! 1. 산점도란…
Vue.js 심화 3탄 9강: 버튼 하나로 변신! 마법의 변신 단추 (Dynamic Components)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 상자 속 보물의 정보를 알려주는 스코프드 슬롯(Scoped Slots)을 배웠죠? 오늘은 우리 성의 방을 아주 특별하게 만드는 법을 배울 거예요. 평소에는 공부방이었다가, 버튼 하나만 누르면 순식간에 놀이방으로 변신하는 마법의 변신 단추, Dynamic Components(동적 컴포넌트)를 소개합니다!…
파이썬 마법 학교 챌린지 #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)…