Vue.js 심화 2탄 41강: 새로고침해도 안 사라져요! 영원한 보물 창고 (Pinia Persist)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 성의 모든 방에서 함께 쓰는 공용 보물 창고 ‘Pinia’를 배웠죠? 그런데 한 가지 고민이 생겼어요. 열심히 점수를 올렸는데, 브라우저를 새로고침하거나 컴퓨터를 껐다 켜면 점수가 다시 0점이 되어버리거든요. 오늘은 이 보물들을 영원히 간직하게 해주는…
카테고리 IT/테크
파이썬 마법 학교 63강: 실전! 내 말을 알아듣는 ‘나만의 음성 비서’ 만들기
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 실전 프로젝트 시리즈의 마지막 시간입니다! 오늘은 파이썬 비서에게 ‘귀’와 ‘입’을 선물해줄 거예요. 내가 말하면 그 뜻을 이해하고 멋지게 대답해주는 ‘음성 인식 AI 비서’ 프로젝트를 시작해볼까요? 1. 프로젝트 설계도: 어떻게 듣고 말할까요? 우리 음성 비서는…
PHP 마법 학교 3기 6강: 마법의 깃펜을 들자! ‘글쓰기와 데이터베이스 저장 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 보물 창고(DB)에 있는 글들을 꺼내어 목록으로 보여주는 법을 배웠죠? 오늘은 드디어 내 생각을 직접 적어 창고에 영구히 보관하는 ‘글쓰기 마법’을 배워보겠습니다. 이제 우리 학교 마법사들이 자신만의 마법 비법을 공유할 수 있게 될 거예요!…
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(뷰 라우터)를…