Vue.js 심화 2탄 29강: 내 마음대로 갈아 끼우는 마법 액자! (Slots 기초)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 나갔다 와도 그대로 기억해주는 마법 가루(KeepAlive)를 배웠죠? 오늘은 우리 성의 인테리어를 훨씬 멋지게 만들어줄 도구를 가져왔어요. 모양은 똑같은 액자인데, 어떤 날은 그림을 넣고 어떤 날은 거울을 넣을 수 있는 마법 액자, Slots(슬롯)을 배워볼게요!…
카테고리 IT/테크
파이썬 마법 학교 52강: 맛있는 데이터! ‘동글동글 파이 차트’ 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 막대그래프로 키를 비교해봤다면, 오늘은 전체를 조각조각 나누어 보는 ‘파이 차트(Pie Chart)’ 마법을 배워볼 거예요. 마치 맛있는 피자를 나누어 먹는 것처럼 데이터의 비중을 한눈에 알 수 있답니다! 1. 파이 차트는 ‘데이터 피자’예요 파이 차트는…
PHP 마법 학교 2기 4강: 계산하는 인형, ‘자바스크립트로 만드는 덧셈 계산기’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 사용자의 글자를 낚아채는 마법을 배웠죠? 오늘은 그 글자 속에 숨어있는 숫자를 찾아내어 자동으로 더하기를 해주는 ‘수학 연금술’을 배워보겠습니다. 이제 우리 웹사이트가 스스로 계산까지 하는 똑똑한 인형이 될 거예요! 1. 숫자인 척하는 글자? 변신…
PHP 마법 학교 2기 3강: 무엇이든 말해봐! ‘사용자 입력과 데이터 출력 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 상자의 색깔을 바꾸는 변신 마법을 배웠죠? 오늘은 사용자가 입력창에 적은 글자를 자바스크립트 지팡이로 휙 낚아채서 화면에 크게 보여주는 ‘글자 낚시 마법’을 배워보겠습니다. 이제 우리 웹사이트가 사용자의 말을 듣기 시작할 거예요! 1. 글자를 담는…
파이썬 마법 학교 51강: 숫자가 그림이 돼요! ‘데이터 시각화’ 마법의 시작
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간까지 인터넷 바다에서 수만 개의 데이터를 모으느라 고생 많았어요! 그런데 엑셀에 적힌 수천 개의 숫자만 보고 있으면 눈이 아프지 않나요? 오늘은 이 숫자들을 한눈에 쏙 들어오는 막대그래프와 꺾은선그래프로 바꾸는 ‘데이터 시각화’ 마법을 배워볼게요! 1.…
Vue.js 심화 2탄 28강: 나갔다 와도 그대로! 마법의 기억 가루 (KeepAlive)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 재료가 올 때까지 친절하게 기다려주는 Suspense 마법을 배웠죠? 오늘은 우리 성의 방들을 더 특별하게 만들어볼 거예요. 보통은 다른 방에 가면 원래 있던 방의 물건들이 모두 사라지고 초기화되지만, 이 마법을 쓰면 다시 돌아왔을 때…
PHP 마법 학교 2기 2강: 내 맘대로 색칠공부! ‘자바스크립트로 스타일 변신하기’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 alert() 주문으로 자바스크립트 마법사와 첫 인사를 나누었죠? 오늘은 웹사이트의 옷(디자인)을 실시간으로 갈아입히는 ‘스타일 변신 마법’을 배워보겠습니다. 클릭 한 번에 배경색이 바뀌는 신기한 연금술의 세계로 떠나볼까요? 1. 마법의 타겟팅: document.getElementById 마법을 부리려면 먼저 어떤…
파이썬 마법 학교 50강: 멈추지 않는 수집기! ‘무한 페이지’ 크롤링 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 크롤링 탐험대의 마지막 관문인 50강에 도착했습니다! 지금까지는 한 페이지의 정보만 가져왔죠? 하지만 진짜 고수는 수십 페이지 뒤에 숨겨진 보물까지 몽땅 가져온답니다. 오늘은 ‘반복문’을 이용해 멈추지 않고 정보를 수집하는 마법을 배워볼게요! 1. 페이지 넘기기는 ‘책장…
Vue.js 심화 2탄 27강: 재료가 올 때까지 잠시만 기다려요! (Suspense)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리가 마법 우체국(API)을 통해 멀리 있는 성에서 소식을 가져올 때, 배달부가 오는 동안 시간이 조금 걸릴 수 있어요. 이때 화면이 텅 비어있으면 사용자들이 “마법이 고장 났나?”라고 생각할 수 있겠죠? 오늘은 재료가 도착할 때까지 예쁜 대기…
Vue.js 심화 2탄 26강: 슝~ 하고 나타나는 어디로든 문! (Teleport)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 우리가 마법 성을 짓다 보면, 가끔 아주 깊숙한 방(컴포넌트) 안에서 만든 알림창이나 팝업이 성 전체 화면 한가운데에 나타나야 할 때가 있어요. 하지만 방 안에 갇혀 있으면 성 밖으로 나가기가 힘들죠? 오늘은 이 문제를 해결해주는 순간이동…
파이썬 마법 학교 49강: 흩어진 보물을 한눈에! ‘데이터 정리 왕’ 마법
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에 뷰티풀수프 집게로 보물들을 잘 수집했나요? 그런데 보물이 너무 많으면 나중에 찾기가 힘들겠죠? 그래서 오늘은 이 보물들을 표로 만들고 엑셀 파일로 저장하는 ‘데이터 정리 왕’ 마법을 배워볼 거예요! 1. 데이터 정리는 ‘장난감 상자’ 분류와…
PHP 마법 학교 2기 1강: 움직이는 마법의 시작, ‘자바스크립트(JavaScript)’ 연금술
안녕하세요! 가족과 함께하는 스마트 라이프입니다. PHP 마법 학교 1기를 무사히 졸업한 꼬마 마법사 여러분, 환영합니다! 드디어 오늘부터 2기 수업이 시작됩니다. 이번 학기에는 웹사이트에 생동감을 불어넣는 액션 마법, ‘자바스크립트(JavaScript)’를 배워볼 거예요! 1. PHP와 자바스크립트는 어떻게 다른가요? 지난 학기에 배운 PHP가 창고(서버)에서…