PHP 마법 학교 30강: 대망의 졸업식! ‘나만의 마법사 프로필 사이트’ 만들기
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 우리 꼬마 마법사들이 기초 과정을 모두 마치고 졸업하는 날이 왔어요! 오늘은 그동안 배운 변수, 배열, 함수, 그리고 CSS 마법을 모두 합쳐서 세상에 딱 하나뿐인 ‘나만의 마법사 프로필 사이트’를 완성해 볼 거예요. 1. 설계도 그리기:…
카테고리 IT/테크
파이썬 마법 학교 28강: 데이터 피자를 나눠요! ‘원형 그래프’ 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 막대기로 양을 비교하는 법을 배웠죠? 오늘은 전체 중에서 누가 얼마나 자리를 차지하고 있는지 한눈에 보여주는 ‘원형 그래프(Pie Chart)’ 마법을 배워볼 거예요. 마치 맛있는 피자를 조각내어 나누는 것과 비슷하답니다! 1. 원형 그래프는 ‘비율 대장’이에요…
Vue.js 심화 2탄 6강: 기분에 따라 옷을 갈아입어요! 마법의 변신술 (Dynamic Class)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 시간을 재는 타이머 마법을 배웠죠? 오늘은 그 시간에 맞춰, 혹은 우리의 기분에 맞춰 웹사이트의 색깔과 모양을 실시간으로 바꾸는 마법의 변신술을 배워볼게요! 1. 다이내믹 바인딩: 살아있는 옷장 보통 웹사이트의 색깔은 한 번 정하면 바뀌지…
PHP 마법 학교 29강: 마법사들의 비밀 쪽지, ‘주석(Comment)’ 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 데이터를 주고받는 표준 택배 상자 JSON을 배웠죠? 오늘은 마법 주문서(코드)에 나만 볼 수 있는 비밀 메모를 남기는 ‘주석(Comment)’ 마법을 배워보겠습니다. 훌륭한 마법사는 자신이 쓴 주문이 무엇인지 나중에도 헷갈리지 않게 꼼꼼히 기록해둔답니다! 1. 컴퓨터는…
파이썬 마법 학교 27강: 누가누가 더 높을까? 알록달록 ‘막대그래프’ 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 숫자를 선으로 잇는 꺾은선그래프를 배웠죠? 오늘은 양을 비교할 때 최고인 ‘막대그래프(Bar Chart)’ 마법을 배워볼 거예요. 친구들의 키를 비교하거나, 우리 반에서 가장 인기 있는 과일을 찾을 때 아주 유용하답니다! 1. 막대그래프는 ‘순위 결정자’예요 꺾은선그래프가…
Vue.js 심화 2탄 5강: 재깍재깍, 스스로 움직이는 마법! (setTimeout & setInterval)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 보물들을 예쁘게 포장하는 법을 배웠죠? 오늘은 우리 웹사이트에 ‘시계’를 달아줄 거예요. 우리가 버튼을 누르지 않아도, 시간이 되면 스스로 나타나거나 매초 마다 숫자가 바뀌는 시간 조절 마법을 배워볼게요! 1. 두 가지 시간 마법: 알람…
PHP 마법 학교 28강: 마법사의 표준 택배 상자, ‘JSON’ 데이터 통신 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 복잡한 조건을 판단하는 논리 연산자를 배웠죠? 오늘은 서로 다른 마법 나라(컴퓨터나 스마트폰)끼리 물건을 주고받을 때 사용하는 아주 특별한 택배 상자, ‘JSON(제이슨)’ 마법을 배워보겠습니다. 1. 전 세계 공통 규격: JSON이 뭐예요? 한국 마법사와 미국…
파이썬 마법 학교 26강: 숫자가 그림으로 변신! ‘그래프 마법’의 시작
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간까지는 거북이와 함께 신나게 놀았죠? 오늘부터는 우리가 수집한 소중한 정보들을 멋진 그림으로 바꾸는 ‘데이터 탐험대’ 활동을 시작할 거예요. 숫자를 한눈에 알아보기 쉽게 만드는 ‘그래프 마법’을 배워봅시다! 1. 그래프는 ‘숫자들의 지도’예요 여러분이 일주일 동안 먹은…
Vue.js 심화 2탄 4강: 보물들을 한 상자에 담아요! 마법 포장법 (JSON)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 우리는 마법 창고(LocalStorage)에 물건을 보관하는 법을 배웠죠? 그런데 보물이 수백 개라면 어떻게 할까요? 창고지기는 “상자 하나에 물건을 하나씩만 담아주세요!”라고 고집을 피운답니다. 그래서 오늘은 여러 보물을 하나의 문자열 상자로 묶어주는 마법 포장지, JSON(제이슨)을 배워볼게요!…
PHP 마법 학교 27강: 참과 거짓의 대결! ‘논리 연산자(AND, OR, NOT)’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 계산을 줄여주는 복합 대입 마법을 배웠죠? 오늘은 마법사가 더 까다로운 조건을 걸 때 사용하는 ‘논리 연산자’를 배워보겠습니다. “용기가 있고(AND) 지혜로운 학생만 들어올 수 있다!” 같은 복잡한 규칙을 만드는 비밀 열쇠랍니다. 1. 둘 다…
파이썬 마법 학교 25강: 무서운 상어를 피해라! 나만의 ‘서바이벌 게임’ 대공개
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 거북이 게임 시리즈의 마지막 날이에요! 오늘은 우리가 조종하는 거북이를 끈질기게 쫓아오는 ‘악당 상어’를 만들어 볼 거예요. 적을 피해 도망치며 점수를 쌓는 진짜 ‘서바이벌 게임’을 완성해 봅시다! 1. 스스로 움직이는 적(AI) 만들기 지금까지는 우리가 누르는…
Vue.js 심화 2탄 3강: 껐다 켜도 그대로! 마법의 비밀 창고 (LocalStorage)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 외부 소식을 가져오는 법을 배웠죠? 그런데 공들여 가져온 정보나 우리가 정성껏 만든 설정이 브라우저를 새로고침하면 사라져 버린다면 너무 슬플 거예요. 오늘은 우리 웹사이트의 기억력을 책임지는 마법의 비밀 창고, LocalStorage(로컬스토리지)를 배워볼게요! 1. LocalStorage: 우리…