Vue.js 심화 2탄 14강: 아무나 들어올 수 없어요! 성을 지키는 마법의 방패 (Navigation Guards)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리 성이 점점 유명해지면서 많은 사람이 놀러 오고 있어요. 하지만 성 안에는 보물 창고나 실험실처럼 아무나 들어가면 안 되는 위험한 곳도 있죠? 오늘은 방문객이 방에 들어가기 전, 미리 자격을 확인하는 마법의 방패, 네비게이션 가드(Navigation Guards)를…
카테고리 IT/테크
파이썬 마법 학교 36강: 숫자들아 줄 서라! ‘정렬 요정’의 순서 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 ‘알고리즘’이 문제를 해결하는 순서라는 걸 배웠죠? 오늘은 그중에서도 가장 유명한 마법 중 하나인 ‘정렬(Sorting)’을 배워볼 거예요. 뒤죽박죽 섞인 숫자 카드를 작은 것부터 큰 순서대로 척척 정리하는 신기한 능력이랍니다! 1. 정렬은 ‘번호순으로 줄 세우기’예요…
Vue.js 심화 2탄 13강: 누구나 함께 써요! 우리 성의 공용 보물 창고 (Pinia)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 복잡한 길도 찾아주는 마법 지도를 배웠죠? 그런데 성이 아주 커지다 보니, 1번 방에서 얻은 금화나 10번 방에서 얻은 마법 열쇠를 다른 방에서도 쓰고 싶을 때가 생겼어요. 오늘은 우리 성의 모든 방에서 함께 쓸…
파이썬 마법 학교 35강: 미로 탈출의 비밀! ‘알고리즘’ 요정의 생각법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 그동안 우리는 여러 도구를 사용해 멋진 프로그램을 만들었죠? 이제는 그 도구들을 얼마나 ‘똑똑하게’ 사용할지 결정하는 시간이에요. 바로 코딩의 두뇌, ‘알고리즘(Algorithm)’에 대해 알아볼까요? 1. 알고리즘은 ‘가장 맛있는 라면 레시피’예요 알고리즘이라는 단어가 조금 어렵게 들릴 수 있지만,…
PHP 마법 학교 심화 8강: 마법사들의 소통 창구, ‘DB 연동 방명록’ 만들기
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 우리가 배운 모든 데이터베이스 마법을 하나로 합칠 시간이 왔습니다! 오늘 만들 작품은 마법 학교에 방문한 친구들이 글을 남기고, 그 글이 창고에 저장되어 모두가 볼 수 있는 ‘DB 연동 방명록’입니다. 진짜 살아있는 웹사이트의 핵심 기능을…
PHP 마법 학교 심화 7강: 필요 없는 정보는 굿바이! ‘데이터 삭제(DELETE)’ 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 정보를 새롭게 고치는 업데이트 마법을 배웠죠? 오늘은 데이터베이스 창고를 깔끔하게 정리하는 마지막 비법, 바로 ‘데이터 삭제(DELETE)’ 마법을 배워보겠습니다. 더 이상 필요 없는 정보를 지우고 창고를 넓게 쓰는 법을 알아볼까요? 1. 영구히 사라지는 주문:…
Vue.js 심화 2탄 12강: 더 복잡한 길도 척척! 마법 지도 업그레이드 (Router 심화)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지금까지 우리는 성 안의 방들을 옮겨 다닐 때 기본적인 지도를 사용했어요. 하지만 성이 커지면서 ‘비밀의 방 안의 또 다른 방’이 생기기도 하고, 길을 잃어버릴 때도 있죠? 오늘은 어떤 복잡한 길도 한눈에 찾아주는 업그레이드 마법 지도,…
PHP 마법 학교 심화 6강: 마법 등급 업그레이드! ‘데이터 수정(UPDATE)’ 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 새로운 마법사를 창고에 등록하는 법을 배웠죠? 오늘은 이미 저장된 정보를 내 맘대로 바꾸는 ‘데이터 수정(UPDATE)’ 마법을 배워보겠습니다. 레벨업을 해서 숫자를 올리거나, 마법사 이름을 멋지게 바꿀 때 꼭 필요한 마법이에요! 1. 낡은 정보를 새것으로!…
파이썬 마법 학교 34강: 내 말을 찰떡같이 알아들어요! ‘음성 인식(STT)’ 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 비서가 멋진 목소리로 인사하는 걸 들으셨나요? 오늘은 드디어 비서에게 ‘귀’를 달아줄 거예요. 우리가 키보드를 치지 않아도, 말만 하면 척척 알아듣는 ‘음성 인식(STT)’ 마법을 배워봅시다! 1. STT가 무엇인가요? STT는 Speech-To-Text의 약자로, 사람의 목소리(Speech)를 컴퓨터가…
PHP 마법 학교 심화 5강: 새로운 마법사 등록! ‘데이터 추가(INSERT)’와 입력 양식(Form)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 창고에서 정보를 꺼내보는 법을 배웠죠? 오늘은 드디어 우리가 직접 새로운 마법사를 데이터베이스 창고에 등록하는 ‘데이터 추가(INSERT)’ 마법을 배워보겠습니다. 이제 여러분은 방문자의 정보를 저장할 수 있는 진짜 ‘살아있는’ 웹사이트를 만들게 될 거예요! 1. 정보를…
Vue.js 심화 2탄 11강: 재료가 올 때까지 잠시만 기다려요! (Suspense)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리가 마법 우체국(API)을 통해 멀리 있는 성에서 소식을 가져올 때, 배달부가 오는 동안 시간이 조금 걸릴 수 있어요. 이때 화면이 텅 비어있으면 사용자들이 “마법이 고장 났나?”라고 생각할 수 있겠죠? 오늘은 재료가 도착할 때까지 예쁜 대기…
PHP 마법 학교 심화 4강: 창고에서 보물 꺼내기, ‘PHP로 데이터 조회(SELECT)하고 화면에 뿌리기’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 데이터베이스 창고로 가는 통로를 열었죠? 오늘은 그 통로를 통해 창고 안에 저장된 진짜 보물(데이터)들을 꺼내서 우리 웹사이트 화면에 멋지게 보여주는 ‘데이터 조회’ 마법을 배워보겠습니다. 1. 창고 지기에게 심부름 시키기: mysqli_query 연결된 통로가 있다면,…