프로그래머스 데브매칭 상반기 준비

프로젝트 미리보기

소스코드 참고 시 출처 표기 부탁드립니다!

개발 일지

• 02.24
• 02.25
• 02.26
• 03.01
• 03.02

모듈 의존성

BaseComponent.js

1. arguments - target: [DOMElement, insertPosition] | DOMElement - tag: HTML tag name - attributes: HTML attributes, styles
2. property - $parent: DOMElement - $: DOMElement
3. methods - HTML: (template | $target, template) => void - addHTML: (template | $target, template) => void - bindEvents: 입력 x => 컴포넌트의 필드를 읽어 이벤트 리스너에 등록

Component.js

1. inherit BaseComponent

2. property - isLoading: Boolean

3. methods - handleError: (error, errorTypes, showErrorMessage, errorPosition) => void - tryFetchData: (apiCall, query, options) => data

   • ooptions
     • cb
     • errorTypes
     • cache
     • errorPosition
     • showErrorMessage
     • showLoading - get: (context,storeType) => data - set: (data) => { on: (context,storeTypes) } - subscribe: (context) => void

stores.js

1. property - store: {}
2. methods
   - has: (context) => !!store[context] - get: (context) => store[context].data - set: (context,data) => store[context] - subscribe: (context, element) => void - publish: (context) => void

FetchCache.js

1. property
   • cache : {}
2. methods
   • has : (context,key) => cache[context]
   • get : (context) => cache[context][key]
   • set : (context, key) => cache[context]