| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
- 프로그래머스 코테
- 프로그래머스코딩테스트
- 프로그래머스 Lv.0
- mysql
- 자바스크립트
- 코딩
- 코테준비
- 프로그래머스
- 코딩테스트
- next.js 에러
- 알고리즘공부
- 프로그래밍
- 알고리즘문제
- 정처기기출
- js
- 코테스터디
- Redux-Toolkit
- 프로그래머스코테
- 프로그래머스알고리즘
- 1일1코테
- 알고리즘스터디
- 개발자
- 프로그래머스 코딩테스트
- 정보처리기사
- CSS
- 프로그래머스 알고리즘
- html
- 코테공부
- 프로그래머스 레벨0
- next.js
- Today
- Total
목록뷰js (2)
계발하는 개발자
[Vue.js] 컴포넌트 provide(제공) / inject(주입) 이해하기
어제 포스팅했던 mixins 옵션을 알기 전에, 부모 컴포넌트에서 자식 컴포넌트로 메서드 전달을 위해 기존 사용하였던 provide/inject 에 대해 정리해볼까 한다. 먼저 이와 비슷한 기능을 하는 props가 아닌 provide/inject를 고려했던 이유는 자식컴포넌트의 경우 부모컴포넌트에서 사용하는 단순 메서드가 필요한 것이지, 부모측 데이터는 필요없어서였다. 이런 경우 props로 전달받기엔 많은 번거로움이 있다고 생각했다. 이 포스팅은 일전 사용하였던 경험을 바탕으로 정리한 것이며, 지금은 해당 코드 블럭을 mixins으로 대체해서 코드상에서는 제외되었다. Provide/inject 란? 목적 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하거나, 부모-자식 계층 구조를 따르지 않는 컴포넌트..
Vue.js란? Vue.js 개발을 위한 주요 ES6 문법 8가지
VueJS는 비교적 최근에 등장한 JavaScript Framework입니다. 또한 SPA(Single Page Application) 개발을 위한 프론트엔드 프레임워크로, 한 페이지에서 여러 데이터를 바인딩 처리해야하는 경우 유용하게 활용할 수 있습니다. View(html DOM): 사용자에게 보이는 화면. Model(JS): 데이터를 담는 용기, 보통 서버에서 가져온 데이터를 javascript 객체로 저장 ViewModel: View와 Model의 중간 영역으로 DomListener와 DataBinding을 제공하는 영역 DOM: HTML 문서에 들어가는 요소(tag, class, attribute 등)의 정보를 담고 있는 데이터 트리 DOM Listener: DOM의 변경에 대한 즉각적으로 반응하..