FRONT-END

white-space:nowrap; //내부 콘텐츠(글자)에 따라 아래로 height가 늘어나지않고 옆으로 콘텐츠가 나열됨

overflow: hidden; //부모요소에서 튀어나가는 콘텐츠들을 잘라냄

text-overflow: ellipsis; //잘려나간 콘텐츠를 ...으로 이어진다는 표현으로 나타냄

backdrop-filter: blur(10px); // 뒷 영역의 모자이크처리를 한다.

backdrop-filter: grayscale(); // 뒷 영역을 흑백처리함

Callback 구조

promise - async/await

promise - then

catch와 finally

parseInt는 type을 숫자로 바꿔주며 뒤 10을 통해 10진수로 바꾼다.

pageLength는 총 페이지 갯수로 1페이지당 10개의 movie가 있다.

Math.ceil은 올림처리의 기호이다.

기존 commit으로 updateState를 작동시켜 movies: Search를 넣을시

기존 movies가 덮어씌워지므로 전개연산자를 통해 actions에 state를 인자로 넣고

...state.moves, 에 ...Search를 추가할수 있도록 작성한다.

...state를 사용하기 위해 commite 처럼 action의 인자로 { state, commit}이 있어야한다.

import _uniquBy from 'loadash/uniqBy' //lodash의 uniquBy만 사용선언

Search는 검색된 movie들이 여러개 들어있는 배열데이터인데 여기서 imdbID라는 값이 같은것들은 1개로만 만들어서 배열을 새로만들어낸다.