Vue.js 심화 마법 3강: 마법이 태어나서 사라질 때까지! (라이프사이클 훅)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리가 만든 레고 블록(컴포넌트)들도 생명이 있다는 사실, 알고 계셨나요? 오늘은 블록이 화면에 처음 나타날 때부터 사라질 때까지의 과정을 관리하는 라이프사이클 훅(Lifecycle Hooks)에 대해 배워볼게요! 1. 라이프사이클: 웹사이트의 일생 강아지가 태어나고, 쑥쑥 자라고, 잠을 자러 가는…
카테고리 IT/테크
PHP 마법 학교 13강: 그림과 사진을 보관하는 ‘파일 업로드’ 대작전
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 우리를 기억해 주는 쿠키와 세션을 배웠죠? 오늘은 웹사이트에 글자만 쓰는 것이 아니라, 내가 직접 그린 그림이나 사진을 올리는 ‘파일 업로드’ 마법을 배워보겠습니다. 우리만의 멋진 온라인 갤러리를 만들 준비 되었나요? 1. 배달 왔습니다! ‘$_FILES’…
Vue.js 심화 마법 2강: 가만히 지켜보다가 짠! 나타나는 마법의 눈 (Watcher)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 배운 부드러운 변신 마법, 잘 연습해 보셨나요? 오늘은 우리 웹사이트에 아주 특별한 ‘감시자’를 한 명 세워둘 거예요. 바로 데이터가 바뀌는 걸 가만히 지켜보고 있다가, 특정한 일이 생기면 바로 움직이는 마법의 눈, Watcher(왓처)입니다! 1.…
파이썬 마법 학교 12강: 눈이 달린 컴퓨터? AI가 그림을 보는 법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 AI와 대화하는 법을 배웠죠? 오늘은 컴퓨터가 어떻게 우리 사진을 보고 “이건 강아지네!”, “이건 고양이네!”라고 맞히는지, 그 신기한 ‘시각 지능’의 세계를 파이썬으로 엿보려 합니다. 1. 컴퓨터의 눈은 ‘숫자’로 되어 있어요 친구들은 눈으로 색깔과 모양을…
Vue.js 심화 마법 1강: 슈욱~ 나타나는 변신 마법 (Transition)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리 웹사이트가 이제 아주 똑똑해졌지만, 화면이 바뀔 때 ‘툭툭’ 끊기는 게 조금 아쉬웠죠? 오늘은 우리 웹사이트에 부드러운 움직임을 더해주는 애니메이션 마법, Transition(트랜지션)을 배워볼게요! 1. 트랜지션: 순간이동 대신 부드러운 걷기 지금까지 v-if로 물건을 나타나게 하면 눈…
PHP 마법 학교 12강: 나를 기억해줘! ‘쿠키(Cookie)와 세션(Session)’ 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간까지 우리는 웹사이트의 뼈대를 세우는 법을 배웠습니다. 오늘은 웹사이트가 우리를 기억하게 만드는 마법을 배워볼 거예요. 로그인한 상태를 유지하거나, 장바구니에 담은 물건이 사라지지 않게 하는 비결! 바로 쿠키와 세션입니다. 1. 주머니에 넣어두는 증표: 쿠키(Cookie) 쿠키는…
PHP 마법 학교 11강: 톱니바퀴처럼 맞물리는 웹사이트, ‘MVC 패턴’의 비밀
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 라라벨이라는 거대한 도구 상자를 구경해봤죠? 오늘은 그 도구 상자들이 어떻게 조화를 이루어 작동하는지, 마법사들의 설계 규칙인 MVC 패턴에 대해 배워보겠습니다. 복잡한 웹사이트를 아주 깔끔하게 정리해주는 아주 특별한 정리 정돈 마법이랍니다! 1. 역할 분담이…
Vue.js 마법 학교 11강: 드디어 완성! 우리 가족의 마법 성을 전 세계에 공개해요
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 우리 ‘Vue.js 마법 학교’의 마지막 시간입니다! 지금까지 우리는 데이터 바구니, 레고 블록 컴포넌트, 그리고 마법 금고까지 모두 배웠어요. 이제 이 멋진 결과물을 우리 컴퓨터 안에서만 보는 게 아니라, 전 세계 사람들이 볼 수 있게…
파이썬 마법 학교 11강: 내 컴퓨터가 말을 한다고? AI 챗봇의 원리 배우기
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 기초 과정을 졸업한 마법사 여러분, 환영합니다! 오늘부터는 아주 특별한 번외편을 시작할 거예요. 바로 요즘 가장 뜨거운 주제인 ‘인공지능(AI)’을 파이썬으로 직접 만나보는 시간입니다. 1. 인공지능은 어떻게 대답하는 걸까요? 친구들이 사용하는 챗GPT나 스마트폰의 비서들은 어떻게 우리가 하는…
PHP 마법 학교 10강: 마법 학교 심화 과정, ‘라라벨(Laravel)’ 맛보기
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간 졸업식은 즐거웠나요? 하지만 진짜 마법사의 공부는 끝이 없답니다. 오늘은 보너스 강의로, 현대의 PHP 마법사들이 가장 많이 사용하는 거대한 마법 도구 상자, ‘라라벨(Laravel)’에 대해 아주 살짝 엿보려고 합니다. 1. 마법 도구 상자, 프레임워크란? 우리가…
파이썬 마법 학교 10강: 축하합니다! 마법 학교 졸업식과 더 넓은 코딩의 세계
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 파이썬 마법 학교의 마지막 시간입니다. 1강에서 ‘Hello World’를 외치던 우리가 이제는 직접 게임까지 만드는 멋진 마법사가 되었어요. 오늘은 그동안의 모험을 정리하고, 앞으로 여러분이 어떤 더 멋진 마법을 부릴 수 있을지 이야기해볼게요. 1. 우리가 배운…
Vue.js 마법 학교 10강: 보이지 않는 마법의 비밀을 푸는 ‘마법 돋보기’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 마법을 부리다 보면 가끔 주문이 꼬여서 숫자가 안 올라가거나, 나타나야 할 보물 상자가 안 보일 때가 있어요. 마법사들도 실수를 하거든요! 이럴 때 필요한 것이 바로 숨겨진 마법의 흐름을 보여주는 마법 돋보기, Vue Devtools(뷰 개발자 도구)입니다.…