[js] mvc 패턴을 연습해보자 -4 최근 검색어(3) mvc패턴 연습 순수js 마지막

mvc패턴 순수 자바스크립트 부분 마지막

 

요구사항

● 검색시마다 최근 검색어 목록에 추가된다

 

모델 역할을 하는 Store.js 파일에 

removeHistory(keyword) {

this.storage.historyData = this.storage.historyData.filter(

history => history.keyword !== keyword)

}

addHistory(keyword) {

keyword = keyword.trim();

if(!keyword) {

return;

}

const hasHistory = this.storage.historyData.some(history => history.keyword === keyword)

if(hasHistory) {

this.removeHistory(keyword)

}

const id = createNextId(this.storage.historyData);

const date = new Date();

this.storage.historyData.push({id,keyword,date});

this.storage.historyData = this.storage.historyData.sort(this._sortHistory)

}

추가시켜준다.

 

createNextId는 강의에서 제공해주는 헬퍼함수.

배열의 가장 큰 숫자에 +1을 해주고 id에 저장해주는 역할이다.

 

그렇게 한 후 storage안에 있는 historyData 배열에 푸쉬하고 정렬해준다.

 

mvc패턴 순수 자바스크립트 부분 구현 끝!

 

 

-참고 인프런 김정환 "만들고 비교하며 학습하는 리액트"