쏘피의 코딩일기_

이번 포스팅은 스마트인재개발원 에서 교육을 받으며 랩실 스터디를 겸해서 제가 개인적으로 공부했던 내용들을 정리하려고 합니다. 이전의 랩실스터디 포스팅을 참고하시면 저의 공부 내용들을 다시 확인하실 수 있습니다! 스마트인재개발원 의 쏘피의 랩실 스터디 내용이 궁금하시다면 아래의 링크를 참조해주세요!! 😎😎 다음과 같은 순서로 Vue 컴포넌트와 라우터를 설명해보도록 하겠습니다!! Vue 컴포넌트와 라우터 Vue 컴포넌트에 대해 상위(부모) - 하위(자식) 컴포넌트의 관계 상위 - 하위 간 컴포넌트 데이터 전달 Vue Router란? 컴포넌트란 다음과 같이 전역 컴포넌트와 지역 컴포넌트 두가지로 나누어 볼 수 있습니다. 프로그래밍 언어의 특징을 어느정도 알고 계신 분들이라면 전역과 지역의 차이점에 대해 이해하..

이번주에는 스마트인재개발원 랩실스터디에서 공부했던 내용 중 Vue.js 인스턴스에 대해 정리해 볼까 합니다! Vue에서 인스턴스의 개념은 매우 중요합니다. 그렇기 때문에 더욱더 기초를 잡고, 정리해야하겠죠?? 스마트인재개발원 스터디 발표내용을 바탕으로 내용을 정리해 보겠습니다. 뷰 인스턴스 뷰 인스턴스의 유효 범위 뷰 인스턴스 라이프 사이클 1. 뷰 인스턴스 뷰 인스턴스는 뷰로 화면을 개발하기 위해서 필수적으로 생성해야하는 기본 단위 입니다. 뷰 인스턴스의 생성은 아래 그림과 같이 new Vue({}); 라는 입력을 통해 생성이 가능합니다. new Vue({ el: '태그이름', //기본적으로 최상위 실행인 App태그가 들어가게된다. data: { //data 내용들 }, }) 이렇게 data안에 실행이..