Vue.js 심화 3탄 45강: 우리 성 밖의 더 큰 세상! 마법사 연맹 (Vue Ecosystem)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 성을 번개처럼 빠르게 만드는 최적화 마법을 배웠죠? 이제 우리 성은 완벽해졌지만, 성 밖에는 우리보다 먼저 마법을 연구해온 엄청난 마법사들이 아주 많아요. 오늘은 그들이 만든 신기한 도구들을 구경하고 도움을 받는 방법인 마법사 연맹, Vue Ecosystem(뷰…
카테고리 VUEJS
Vue.js 심화 3탄 43강: 드디어 수료! 더 넓은 세상을 향한 새로운 시작 (최종화)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 우리가 함께 걸어온 Vue.js 심화 마법 여행의 마지막 목적지에 도착했습니다! 어제 우리 성을 전 세계로 출항(Deploy)시키며 느꼈던 그 짜릿함, 기억하시나요? 오늘은 우리가 배운 마법들을 하나로 모아 정리하고 축하하는 대마법사 수료식을 진행합니다! 1. 우리가 마스터한…
Vue.js 심화 3탄 41강: 범인은 누구? 마법 성의 버그 탐정 (Vue DevTools)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 나만의 마법 스티커를 만드는 커스텀 디렉티브(Custom Directives)를 배웠죠? 그런데 가끔 마법을 걸었는데도 아무 일이 안 일어나거나, 엉뚱한 결과가 나올 때가 있어요. 이럴 때 필요한 것이 바로 마법 성의 버그 탐정, Vue DevTools(뷰 개발자 도구)입니다!…
Vue.js 심화 3탄 37강: 방 속에 비밀 방이? 마법의 2층 침대 (Nested Routes)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 입구를 지키는 든든한 경비 요정(Navigation Guards)을 만났죠? 성이 점점 커지다 보니 이제 방 하나를 통째로 쓰기보다, 큰 방을 나누어 효율적으로 쓰고 싶어질 거예요. 오늘은 커다란 공부방 안에 수학 코너와 영어 코너를 따로 만드는 방…
Vue.js 심화 3탄 33강: 구름 너머의 소식! 마법 우체부 (Axios & API)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 우리 성의 보물을 안전하게 지키는 금고(Persistence)를 설치했죠? 이제 우리 성은 완벽해졌지만, 성 밖의 소식도 궁금하지 않나요? 오늘은 먼 나라의 날씨나 재미있는 퀴즈 정보를 가져다주는 마법 우체부, Axios(엑시오스)와 API를 소개합니다! 1. API: 구름 위의 도서관…
Vue.js 심화 3탄 31강: 창고가 스스로 일을 해요! 똑똑한 보물 정리법 (Getters & Actions)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 성의 모든 방이 함께 쓰는 중앙 창고 피니아(Pinia)를 만들었죠? 그런데 창고에 보물들이 너무 많아지면 일일이 세어보기 힘들잖아요. 오늘은 창고가 스스로 숫자를 계산하고, 보물을 예쁘게 정리까지 해주는 마법의 자동 장치, Getters(게터)와 Actions(액션)를 소개합니다! 1. Getters:…
Vue.js 심화 3탄 23강: 주소창의 비밀 암호! 변신하는 주소 (Dynamic Routing)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 성의 방들을 연결하는 마법 지도(Vue Router)를 만들었죠? 그런데 우리 성에 공부하는 친구가 100명이라면, 방을 100개나 따로 만들어야 할까요? 그건 너무 힘들겠죠! 오늘은 주소창에 누구의 이름을 쓰느냐에 따라 방이 자동으로 변신하는 마법의 주소 암호, Dynamic…
Vue.js 심화 3탄 21강: 우리 성의 보물을 이웃 성으로! 마법 상자 포장법 (Web Components)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 물건을 자유자재로 순간 이동시키는 텔레포트(Teleport) 마법을 배웠죠? 오늘은 우리가 정성껏 만든 마법 도구를 다른 사람들에게 선물하는 방법을 배울 거예요. Vue.js 성에서 만든 보물이라도, 이 마법 상자에 담으면 다른 종류의 성(일반 HTML이나 다른 도구로 만든…
Vue.js 심화 3탄 17강: 거울아 거울아! 화면 속 물건 직접 조종하기 (Template Refs)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 예언가 타입스크립트와 함께 안전하게 주문을 짜는 법을 배웠죠? 오늘은 화면에 나타난 그림이나 글자를 마법 지팡이로 직접 톡! 건드려 조종하는 신기한 기술을 배울 거예요. 바로 화면 속 물건 지목하기, Template Refs(템플릿 참조) 마법입니다! [IMAGE_1] 1.…
Vue.js 심화 3탄 13강: 성 전체에 뿌리는 마법 가루! (Plugins)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 태그에 직접 붙이는 마법 스티커인 커스텀 디렉티브(Custom Directives)를 배웠죠. 오늘은 우리 성의 아주 작은 방부터 가장 높은 탑까지, 성 전체에 한꺼번에 마법의 능력을 골고루 뿌려주는 마법의 향기, Plugins(플러그인)을 소개합니다! 1. Plugin: 성 전체를 바꾸는…
Vue.js 심화 3탄 11강: 자주 쓰는 주문은 주머니에 쏙! (Composables)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 방을 옮겨도 기억력을 유지해주는 킵 얼라이브(KeepAlive) 마법을 배웠죠? 성이 점점 커지다 보니, 여러 방에서 똑같은 마법 주문을 반복해서 써야 할 때가 많아졌어요. 매번 똑같은 긴 주문을 외우기 힘들겠죠? 오늘은 자주 쓰는 마법을 예쁜 주머니에…
Vue.js 심화 3탄 9강: 버튼 하나로 변신! 마법의 변신 단추 (Dynamic Components)
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 어제는 상자 속 보물의 정보를 알려주는 스코프드 슬롯(Scoped Slots)을 배웠죠? 오늘은 우리 성의 방을 아주 특별하게 만드는 법을 배울 거예요. 평소에는 공부방이었다가, 버튼 하나만 누르면 순식간에 놀이방으로 변신하는 마법의 변신 단추, Dynamic Components(동적 컴포넌트)를 소개합니다!…