본문 바로가기

분류 전체보기101

[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.