Vue.js 심화 2탄 40강: 우리 성의 공용 보물 창고! (Pinia 기초)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 페이지를 옮겨 다닐 때 위치를 잡아주는 스크롤 마법(Scroll Behavior)을 배웠죠? 이제 성이 아주 커졌어요! 그런데 공부방에서 얻은 ‘칭찬 스티커’를 거실에서도 보여주고 싶고, 게임방에서도 쓰고 싶다면 어떻게 해야 할까요? 방마다 일일이 배달하기 힘들 때…
파이썬 마법 학교 62강: 실전! 뒤죽박죽 사진을 척척 ‘스마트 사진 정리 요정’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간 경제 비서 프로젝트로 숫자와 친해졌나요? 오늘은 우리 가족의 소중한 추억이 담긴 사진들을 정리해주는 마법을 배워볼 거예요. 수백 장의 사진을 1초 만에 날짜별 폴더로 옮겨주는 ‘사진 정리 요정’ 프로젝트입니다! 1. 프로젝트 설계도: 요정은 어떻게…
PHP 마법 학교 3기 5강: 우리끼리 속닥속닥! ‘비밀 게시판과 데이터 목록 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 성문을 열고 들어오는 ‘로그인’ 마법까지 성공했네요! 오늘은 우리 학교 마법사들끼리 정보를 나누는 소중한 공간, ‘비밀 게시판’을 만들어보겠습니다. 보물 창고(DB)에 저장된 수많은 글을 한꺼번에 불러와 화면에 멋지게 뿌려주는 방법을 배워볼까요? 1. 보물 창고 열기: SELECT…
Vue.js 심화 2탄 39강: 화면의 위치를 척척! 자동으로 움직이는 지도 (Scroll Behavior)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 성의 입구를 지키는 든든한 문지기 기사님(Navigation Guards)을 만났죠? 오늘은 우리 성을 여행하는 손님들을 위한 아주 세심한 서비스를 준비했어요. 긴 복도를 지나 다른 방으로 갔을 때, 화면이 맨 아래에 멈춰 있으면 당황스럽겠죠? 자동으로 화면을…
파이썬 마법 학교 61강: 실전! 우리 집 경제 박사 ‘꼬마 환율 비서’ 만들기
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 오늘은 우리 아이를 꼬마 경제 전문가로 만들어줄 아주 특별한 프로젝트를 준비했어요. 바로 전 세계 나라의 돈 가치가 매일 어떻게 변하는지 알려주는 ‘환율 알림 비서’입니다! 미국 여행을 갈 때나 해외 직구를 할 때 아주 유용한 도구가…
PHP 마법 학교 3기 4강: 성문을 열어라! ‘로그인과 세션(Session) 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 우리 학교의 보물 창고(DB)에 마법사들의 정보를 저장하는 법을 배웠죠? 오늘은 저장된 정보를 확인하고, 학교 성문을 활짝 열어주는 ‘로그인’과 내가 누구인지 계속 기억하게 해주는 ‘세션(Session)’ 마법을 배워보겠습니다! 1. 로그인은 어떻게 이루어지나요? ‘암호 대조 마법’…
Vue.js 심화 2탄 38강: 공부 다 했니? 마법 성의 문지기 (Navigation Guards)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 성의 이곳저곳을 연결하는 마법 지도(Vue Router)를 배웠죠? 그런데 가끔은 아무나 들어가면 안 되는 방이 있어요. 예를 들어, 숙제를 다 안 했는데 게임방에 들어가면 안 되겠죠? 오늘은 길목을 지키고 서서 허락된 사람만 들여보내 주는…
파이썬 마법 학교 60강: 실전! 좋아하는 가수 ‘유튜브 신곡 추적기’ 만들기
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간 미세먼지 알림이 프로젝트, 잘 성공하셨나요? 오늘은 조금 더 신나는 프로젝트를 준비했어요. 바로 내가 좋아하는 유튜버나 가수의 채널을 감시하다가, 새로운 영상이 올라오면 바로 알려주는 ‘유튜브 신곡 추적기’입니다! 1. 프로젝트 설계도: 어떻게 감시할까요? 우리 비서가…
Vue.js 심화 2탄 37강: 어디로 가야 할까? 마법 성의 지도 (Vue Router)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 마법 도구들을 주머니에 쏙 넣어두는 컴포저블(Composables)을 배웠죠? 이제 우리 성에는 멋진 방들이 아주 많아졌어요. 하지만 방들이 어디에 있는지 모르면 길을 잃기 쉽겠죠? 오늘은 여러 페이지를 연결해주는 마법 성의 전체 지도, Vue Router(뷰 라우터)를…
PHP 마법 학교 3기 3강: 보물 창고에 기록하기! ‘MySQL 데이터베이스 저장 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 입학 신청서(HTML 폼)를 봉투에 담아 서버로 보내는 법을 배웠죠? 오늘은 서버에 도착한 친구들의 정보를 우리의 보물 창고인 ‘MySQL 데이터베이스’에 안전하게 기록하는 마법을 배워보겠습니다. 이제 드디어 우리 학교의 첫 번째 정식 마법사가 탄생하는 순간이에요!…
파이썬 마법 학교 59강: 실전! 우리 동네 ‘미세먼지 알림이’ 만들기
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 실전 프로젝트 시간이 돌아왔습니다! 그동안 배운 크롤링, 조건문, 자동화 마법을 모두 합치면 무엇을 만들 수 있을까요? 오늘은 매일 아침 우리 동네 미세먼지 수치를 확인해서 “마스크 꼭 쓰세요!”라고 알려주는 ‘미세먼지 알림이’를 만들어 볼 거예요. 1.…
PHP 마법 학교 3기 2강: 입학 신청서를 작성해요! ‘회원가입 HTML 폼과 데이터 전송’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 우리 비밀 기지를 지켜줄 암호화 마법을 살짝 맛보았죠? 오늘은 실제로 새로운 마법사 친구들이 정보를 적어낼 수 있는 ‘입학 신청서(회원가입 양식)’를 만들어보겠습니다. 자바스크립트의 옷을 입히고 PHP의 심장을 연결하는 중요한 시간이에요! 1. 마법의 입력창: HTML…