전체 글101 [Vue] 뷰 라우터(router) Vue Router란? Vue 라이브러리를 이용해서 싱글페이지 애플리케이션(SPA)을 구현할 때 사용하는 라이브러리 // 뷰 라이브러리 // 라우터 라이브러리 Login Main router의 path에 해당하는 컴포넌트는 하나이다. 따라서 component로 등록한다 (components X) routes: [ { path: '/login', component: LoginComponent }, ] www.inflearn.com/course/Age-of-Vuejs/ Vue.js 시작하기 - Age of Vue.js - 인프런 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요. 초급 .. 2020. 12. 6. [Vue] 같은 컴포넌트 레벨 간의 통신 방법 AppHeader와 AppContent 같이 같은 컴포넌트 레벨 간의 통신 방법에 대해 알아보겠습니다. (1)의 그림과 같이 AppContent에서 AppHeader로 데이터 10을 넘겨주는 방법은 다음과 같다 www.inflearn.com/course/Age-of-Vuejs/ Vue.js 시작하기 - Age of Vue.js - 인프런 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요. 초급 웹 개발 프레임워 www.inflearn.com joshua1988.github.io/vue-camp/ Cracking Vue.js joshua1988.github.io 위 강좌를 통해 배운 .. 2020. 12. 6. [Vue] 컴포넌트 통신 방식 Props, Event emit Vue Component 뷰 컴포넌트는 고유한 데이터 유효 범위를 갖는다. 따라서 컴포넌트 간 데이터를 주고 받을 때는 아래 방식을 따른다. 상위 컴포넌트가 하위 컴포넌트로 데이터를 전송할 때는 props 로 전달한다 하위 컴포넌트가 상위 컴포넌트로 데이터를 전송할 때는 event 로 전달한다 Props Emit www.inflearn.com/course/Age-of-Vuejs/ Vue.js 시작하기 - Age of Vue.js - 인프런 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요. 초급 웹 개발 프레임워 www.inflearn.com joshua1988.github.io/v.. 2020. 12. 5. [Vue] 컴포넌트 Component Vue Component 화면의 영역을 구분하여 개발할 수 있는 뷰의 기능으로 컴포넌트 기반으로 화면을 개발하게 되면 코드의 재사용성이 올라가고 빠르게 화면을 제작할 수 있다 전역 컴포넌트와 지역 컴포넌트 www.inflearn.com/course/Age-of-Vuejs/ Vue.js 시작하기 - Age of Vue.js - 인프런 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요. 초급 웹 개발 프레임워 www.inflearn.com joshua1988.github.io/vue-camp/ Cracking Vue.js joshua1988.github.io 위 강좌를 통해 배운 내용을.. 2020. 12. 2. [Vue] MVVM 패턴 & Reactivity MVVM 패턴 Model + View + ViewModel 패턴을 의미 Model은 자바스크립트 객체 View는 웹페이지의 DOM VIewModel은 Vue의 역할 기존 자바스크립트로 view에 해당하는 Dom에 접근하거나 수정하기 위해 jQuery와 같은 라이브러리를 이용한다 Vue는 View와 Model을 연결하고 자동으로 바인딩하므로 양방향 통신을 가능하게 한다 Reactivity Vue의 핵심으로 데이터의 변화를 라이브러리에서 감지해서 알아서 화면을 변화시키는 것 www.inflearn.com/course/Age-of-Vuejs/ Vue.js 시작하기 - Age of Vue.js - 인프런 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으.. 2020. 12. 1. [Network] OSI 7계층 OSI 7계층이란? 국제표준화기구(ISO)에서 개발한 모델로, 컴퓨터 네트워크 프로토콜 디자인과 통신을 계층으로 나누어 설명한 것이다 7계층으로 나누는 이유 통신이 일어나는 과정을 단계별로 알 수 있고, 특정한 곳에 이상이 생기면 그 단계만 수정할 수 있기 때문이다. 1) 물리(Physical) 리피터, 케이블, 허브 등 단지 데이터 전기적인 신호로 변환해서 주고받는 기능을 진행하는 공간 즉, 데이터를 전송하는 역할만 진행한다. 2) 데이터 링크(Data Link) 브릿지, 스위치 등 물리 계층으로 송수신되는 정보를 관리하여 안전하게 전달되도록 도와주는 역할 Mac 주소를 통해 통신한다. 프레임에 Mac 주소를 부여하고 에러검출, 재전송, 흐름제어를 진행한다. 3) 네트워크(Network) 라우터, IP.. 2020. 10. 28. 이전 1 ··· 5 6 7 8 9 10 11 ··· 17 다음
