개발 이야기/Javascript

HTML 이미지 태그를 사용하여 이미지를 로드할 때 이미지 로드 오류 발생 시 onError 속성을 사용하여 대체이미지를 설정할 수 있다. 1. onError 속성 사용 아래 작성한 이미지 태그를 보면 dog.jpg 이미지를 로드하고, 로드에 실패했을 때 dog_2.jpg 이미지를 로드하도록 onError 속성을 추가했다. 그런데 만약 dog_2.jpg 이미지도 로드가 되지 않는다면 어떻게 될까? 그런 상황이 발생한다면 onError에서의 대체 이미지도 로드 오류로 판단해서 다시 onError를 호출하게 되면서 계속해서 onError를 호출하는 무한루프에 빠지게 된다. 2. onError 초기화 - 무한루프 방지 이 상황을 해결하기 위해 onError에서 다음과 같이 onError값을 비워주도록 한다. ..

자바스크립트(Javascript)로 개발할 때 정말 유용하게 사용했던 배열 내장 함수들에 대해 알아보자. 1. at 배열의 주어진 인덱스에 대한 값을 반환하는 함수 at(index) index: 배열에서 반환할 요소의 인덱스 (음수 값일 경우 배열의 마지막요소부터 계산) 예제 const cafe = ['아메리카노', '라떼', '스무디', '프라푸치노']; cafe.at(0); //아메리카노 cafe.at(1); //라떼 cafe.at(2); //스무디 cafe.at(3); //프라푸치노 cafe.at(-1); //프라푸치노 cafe.at(-2); //스무디 cafe.at(-3); //라떼 cafe.at(-4); //아메리카노 2. concat 배열이나 값을 기존 배열에 합쳐서 새로운 배열을 반환하는 함..