자바스크립트: 객체지향 1 – new 키워드를 이용해 객체 생성 (ES5 이하) 자바스크립트: 객체지향 2 – 상속 구현 (ES5 이하) 자바스크립트: 객체지향 3 – class (ES6 이상) new 키워드를 이용해 각종 정보를 담고 특정 기능을 수행하는 인스턴스를 만드는 기능입니다. 먼저 컨테이너 함수를 만들어야 합니다. 객체지향 언어의 클래스와 같은 역할입니다. 컨테이너 더보기…
만약에 var ducks = ["첫째 오리", "둘째 오리", "셋째 오리", "넷째 오리", "다섯째 오리"] 이런 배열이 있고 이걸 1초 간격으로 하나씩 화면에 뿌리는 페이지를 만드는 상황이라고 가정합니다. 시간을 지연시키는 함수로 setTimeout(function(){…}, delayMillisecond)가 있습니다. 콜백 함수와 지연할 시간을 밀리세컨드 단위로 입력해서 사용합니다. 1초 간격으로 반복하고 싶다면 이 기능을 for문으로 돌리면 될까요? var ducks 더보기…
콘솔 로그는 다음과 같이 사용합니다. console.log(obj1 [, obj2, …, objN]); console.log(msg [, subst1, …, substN]); 콘솔 레벨에 따라 log 대신 warn, error 등을 사용할 수도 있습니다. warn은 경고의 의미로 주황색으로 표시되며, error는 에러의 의미로 빨간색으로 사용됩니다. 이 외의 레벨은 잘 사용되지 않습니다. (MDN Console 링크) 다음 예제로 작성된 변수들을 콘솔로 더보기…