안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 여러 장소를 선으로 잇는 ‘폴리라인 마법’을 배웠죠? 드디어 오늘, 7기 시리즈의 마지막 수업입니다! 바로 스마트폰이나 컴퓨터의 GPS를 이용해 내가 지금 어디에 있는지 지도가 바로 찾아내는 ‘현재 위치(Geolocation) 마법’을 배워보겠습니다. 1. Geolocation API란 무엇인가요?…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 물건을 자유자재로 순간 이동시키는 텔레포트(Teleport) 마법을 배웠죠? 오늘은 우리가 정성껏 만든 마법 도구를 다른 사람들에게 선물하는 방법을 배울 거예요. Vue.js 성에서 만든 보물이라도, 이 마법 상자에 담으면 다른 종류의 성(일반 HTML이나 다른 도구로 만든…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 지도 위에 여러 개의 핀을 꽂는 ‘랜드마크 마커 마법’을 배워보았죠? 하지만 핀만 꽂혀 있으면 그곳이 정확히 어떤 곳인지 알기 어려워요. 오늘은 핀을 클릭했을 때 멋진 설명과 사진이 짠! 하고 나타나는 ‘정보 창(InfoWindow) 마법’을 배워보겠습니다.…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 6기에서 인공지능 친구를 만드는 법을 완벽하게 익혔죠? 오늘부터 시작되는 7기에서는 우리 웹사이트에 생생한 지도를 넣고, 나만의 소중한 장소들을 표시하는 ‘구글 맵(Google Maps) 마법’을 배워보겠습니다! [IMAGE_1] 1. 지도 API란 무엇인가요? ‘디지털 보물지도’ 전 세계의 모든…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 예언가 타입스크립트와 함께 안전하게 주문을 짜는 법을 배웠죠? 오늘은 화면에 나타난 그림이나 글자를 마법 지팡이로 직접 톡! 건드려 조종하는 신기한 기술을 배울 거예요. 바로 화면 속 물건 지목하기, Template Refs(템플릿 참조) 마법입니다! [IMAGE_1] 1.…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제 숫자 탐정이 되어 보물을 잘 찾아내셨나요? 오늘은 살다 보면 찾아오는 어려운 순간, “오늘 점심 뭐 먹지?” 혹은 “지금 숙제할까, 놀까?” 같은 고민을 척척 해결해주는 ‘마법의 결정 주사위’를 만들어 볼 거예요! 1. 선택의 고민을 코딩으로…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 태그에 직접 붙이는 마법 스티커인 커스텀 디렉티브(Custom Directives)를 배웠죠. 오늘은 우리 성의 아주 작은 방부터 가장 높은 탑까지, 성 전체에 한꺼번에 마법의 능력을 골고루 뿌려주는 마법의 향기, Plugins(플러그인)을 소개합니다! 1. Plugin: 성 전체를 바꾸는…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제 거북이 요정과 즐거운 시간 보내셨나요? 오늘은 이번 주 마지막 챌린지로, 여러분의 타자 실력과 순발력을 테스트해 볼 수 있는 ‘산성비 타자 게임’을 만들어 볼 거예요. 단어들이 비처럼 내려오기 전에 마법(타이핑)으로 없애야 하는 흥미진진한 게임입니다! 1.…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 두 가지 데이터를 겹쳐서 보는 ‘복합 콤보 차트’를 배웠죠? 오늘은 5기 시리즈의 하이라이트, 가만히 멈춰있는 그래프가 아니라 데이터가 바뀔 때마다 스르륵 움직이는 ‘실시간 차트 업데이트 마법’을 배워보겠습니다. 우리 웹사이트가 살아있는 생명체처럼 반응하게 만들어볼까요?…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 방을 옮겨도 기억력을 유지해주는 킵 얼라이브(KeepAlive) 마법을 배웠죠? 성이 점점 커지다 보니, 여러 방에서 똑같은 마법 주문을 반복해서 써야 할 때가 많아졌어요. 매번 똑같은 긴 주문을 외우기 힘들겠죠? 오늘은 자주 쓰는 마법을 예쁜 주머니에…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 여러 능력을 비교하는 ‘레이더 차트’를 배웠죠? 오늘은 수많은 데이터 점들을 밤하늘의 별처럼 흩뿌려 그 사이의 비밀을 찾아내는 ‘산점도(Scatter Chart) 마법’을 배워보겠습니다. 흩어진 점들 속에서 일정한 방향이나 규칙을 찾아내는 아주 신비로운 마법이에요! 1. 산점도란…
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 상자 속 보물의 정보를 알려주는 스코프드 슬롯(Scoped Slots)을 배웠죠? 오늘은 우리 성의 방을 아주 특별하게 만드는 법을 배울 거예요. 평소에는 공부방이었다가, 버튼 하나만 누르면 순식간에 놀이방으로 변신하는 마법의 변신 단추, Dynamic Components(동적 컴포넌트)를 소개합니다!…