안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 우리 웹사이트를 둥글고 입체적으로 만드는 디자인 마법을 배웠죠? 오늘은 가만히 멈춰있는 웹사이트에 생명력을 불어넣는 ‘변신 애니메이션 마법(Transition)’을 배워보겠습니다. 마우스를 올렸을 때 부드럽게 색이 변하거나 커지는 효과 하나만으로도 웹사이트가 훨씬 살아있는 것처럼 느껴질 거예요!…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간까지 우리는 성의 지도(Router)와 보물 창고(Pinia)를 만드는 아주 어려운 마법들을 모두 마스터했어요. 이제부터 시작되는 심화 3탄에서는 우리 성을 전 세계에서 가장 아름답게 꾸미는 디자인 마법을 배울 거예요. 첫 번째로, 물건이 갑자기 나타나지 않고 스르륵~…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 우리가 함께 달려온 Vue.js 심화 2탄의 마지막 시간이에요! 처음에는 작은 방 하나 만드는 것도 어려웠지만, 이제 여러분은 전 세계 어디서든 접속할 수 있는 거대한 마법 성을 다스리는 성주가 되었어요. 오늘은 우리가 배운 소중한 마법들을…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 오늘은 여러분의 소중한 일기나 보물 목록을 지켜줄 특별한 장치를 코딩해볼 거예요. 정답을 맞힌 사람에게만 문을 열어주는 ‘디지털 비밀번호 금고’입니다. 파이썬 비서가 얼마나 엄격하게 문을 지키는지 확인해봐요! [IMAGE_1] 1. 금고의 핵심: 비교 마법(==) 금고가 열리려면 “내가…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 CSS 마법으로 웹사이트에 알록달록한 옷을 입히는 법을 배웠죠? 오늘은 웹사이트의 요소들을 원하는 곳으로 자유롭게 이동시키고 정렬하는 아주 강력한 기술, ‘공간 이동 마법 Flexbox’를 배워보겠습니다. 이 마법만 알면 게시판 목록이나 메뉴를 자로 잰 듯…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 우리가 만든 마법 성이 완공되었어요! 하지만 지금까지는 우리 집 컴퓨터 안에서만 볼 수 있는 비밀 성이었죠? 오늘은 이 성을 아주 작고 튼튼하게 포장해서, 전 세계 친구들이 주소를 치고 놀러 올 수 있게 만드는 마법…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 오늘은 결정 장애를 한 방에 해결해 줄 재미있는 프로그램을 준비했어요. 맛있는 간식 후보들을 파이썬에게 알려주면, 파이썬 비서가 눈을 감고 하나를 쏙 골라주는 ‘마법의 간식 뽑기’입니다! [IMAGE_1] 1. 무작위의 마법: random 요정 우리가 주사위를 던질 때…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리 꼬마 마법사들, 코딩에 푹 빠져서 시간 가는 줄 모르고 모니터를 볼 때가 많죠? 오늘은 여러분의 소중한 눈을 위해, 1시간마다 “창밖을 보세요!”라고 알려주는 ‘눈 보호 알리미’를 만들어볼 거예요. [IMAGE_1] 1. 왜 눈 보호 알리미가 필요할까요?…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 댓글을 달아 서로 소통하는 법을 배웠죠? 오늘은 우리 게시판의 글 중에서 어떤 글이 가장 인기가 많은지 숫자로 보여주는 ‘조회수’와 ‘추천(좋아요)’ 기능을 만들어보겠습니다. 숫자가 올라갈 때마다 마법사들의 성취감도 쑥쑥 자라날 거예요! [IMAGE_1] 1. 클릭할…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제 마법 안테나(Fetch)로 먼 나라의 소식을 가져오는 법을 배웠죠? 그런데 가끔은 편지가 도중에 사라지거나, 답장이 너무 늦게 와서 곤란할 때가 있어요. 오늘은 이런 문제를 해결해주는 마법의 특급 우편 가방, Axios(엑시오스)를 배워볼게요! [IMAGE_1] 1. Axios: 더…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 1강부터 특별편까지 모든 여정을 마친 여러분께 뜨거운 박수를 보냅니다! 짝짝짝! 이제 여러분은 스스로 도구를 만드는 멋진 개발자예요. 하지만 파이썬의 세계는 우주처럼 넓답니다. 오늘은 여러분의 흥미에 따라 탐험할 수 있는 3가지 새로운 길을 소개해줄게요. [IMAGE_1]…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간까지 우리는 글을 쓰고, 고치고, 지우는 게시판의 핵심 기능을 모두 마스터했습니다. 오늘은 게시판에 활력을 불어넣는 마법, 바로 ‘댓글 시스템’을 만들어보겠습니다. 하나의 글에 여러 개의 의견이 주렁주렁 열리는 신기한 데이터 연결 마법을 배워볼까요? 1. 글과…