seopport.log

배열과 배열 메서드 push(): const fruits = ['apple', 'banana']; fruits.push('orange'); // fruits: ['apple', 'banana', 'orange'] pop(): const fruits = ['apple', 'banana', 'orange']; const last = fruits.pop(); // last: 'orange', fruits: ['apple', 'banana'] shift(): const fruits = ['apple', 'banana', 'orange']; const first = fruits.shift(); // first: 'apple', fruits: ['banana', 'orange'] unshift(): const fr..

동적으로 만들어낸 요소 제어하기 브라우저 콘솔에서는 나오지만 vscode에서 입력하면 Cannot read properties of null 뜬다 -> 동적으로 추가한 요소이기 때문에 스크립트가 읽어들이지 못한다. 이벤트리스너로 클릭했을 때 어디서 이벤트가 발생했는지 알아와서 event.target으로 요소를 제어할 수 있다. document.addEventListener('click', function (e) { let ratingValue; target = e.target; if(target.id === "rating"){// 타겟의 아이디값이 rating인 경우 alert(ratingValue); //평점 alert .json() 함수 개인과제 해설 영상을 보고 데이터를 받아올때 아예 영화데이터들만..

Movie Finder seopport.github.io 오늘 2차 제출을 마지막으로 개인프로젝트 과제가 끝났다. 강의도 다 못 듣고 시작해서 마감기한까지 끝낼 수나 있을까 걱정했는데 다행히 필수요구사항을 모두 구현하였고 선택요구사항도 대부분 구현하였다. 개인프로젝트를 하면서 느낀건 아직 프로그래밍적인 사고가 부족한 것 같다고 느꼈다. 특히 API로 값을 받아온 데이터를 다루면서 console.log()만 거짓말 안하고 백 번 넘게 찍어본 것 같다. ㅋㅋ 메서드나 비동기 함수 등등 배워야할 것이 정말 많은 것 같다. 전에 구글링을 하다가 본 댓글인데, '최고의 주석은 변수과 함수명이다' 라는 말을 보고 감명 깊어서 이번 프로젝트하면서 변수명과 함수명을 잘 지으려고 노력했다. (오늘 배운 용어로 말하자면 ..