js 이해.

오늘은 아직도 이해가 되지않는 js에 대해 써볼까한다.

1. 일단 처음으로 function으로 함수를 선언한다. 그 함수는 addMovie고 그 값은 변한다(매개변수?)
2. 그 안에서 moviesBox라는 이름의 상수를 선언하는데 그 상수는 moviesBox라는 id값의 태그에 항목을 가져온다.

3. 구조 분해 할당으로 객체를 해체하여 그 값을 개별 변수에 담는다.
   (movie를 해체하여 title/arr[0], overview/arr[1], postar_path/arr[2], vote_average,id/arr[3])

4. 새로운 요소들을 만드는데 card라는 div, poster라는 img, mvTitle라는 h2, mvOverview라는 p, mvVote_averge라는 p를 만든다.
   (html 요소들 만드는데 이름 정해서 어떤 태그를 만들지 정하는것)

5. 만든 html 요소들 class이름 붙이기.

6. 태그 img는 경로가 필요하니 경로를 정해준다.

7. 나머지 태그들은 내용이 들어가니 내용을 넣어준다.

8. card라고 이름지어준 div 안에 내용들을 집어넣어준다.

9. (본 글에는 html을 안찍었지만.. html파일에 movieBox라는 div가 존재함.) movieBox라는 div안에 card라는 div를 집어넣어준다.

10. card에 이벤트를 넣어준다. 클릭하면 얼럿창이 뜨는데 내용은 영화 ID : 받아오는 id값을 표시해주는 이벤트.

11. 마지막으로 card를 뿌려준다.(리턴한다.)

느낀점.

자바스크립트 너무 어렵다 ㅠㅠ... 외계어...