위의 영상은 헨델의 수상음악 모음곡 중 Aria인데, 잘 들어보면 악보상에는 없는 하프시코드 음들이 들리는 것을 알 수 있습니다. 이 하프시코드는 Basses 파트의 음들과 거기에 첨부된 숫자를 바탕으로 오른손 반주가 편곡된 부분이며, 바로크 시대에 이러한 베이스 선율 + 숫자 형태의 악보 기록법이 유행했는데 이것을 통주저음(Basso Continuo...

5도권은 음악에서 조(key)에 관한 모든 관계를 도표로 표시한 그림을 의미합니다. 인터넷에서 검색하면 5도권의 대표적 형태는 다음과 같습니다.     5도권의 특징으로 12시 방향에는 C(단조인 경우 a)가 위치하며, 이 12시 방향을 기준으로 오른쪽으로는 완전5도 간격으로 도약을 하며, 왼쪽으로는 완전4도 간격으로 도약합니다. 그리고 단조...

평소처럼 아무 생각없이 유튜브를 보고 있는데   어디서 많이 들어본 저퀄 음악이 나오고 있는 것이었습니다.   참고로 액션홍구는 프로게이머 임홍규와 가족들이 운영하는 유튜브 채널인데 임홍규는 현재 스타크래프트 업계에서 인지도 최상을 달리고 있는 선수입니다.   위 영상의 5:49 구간과 6:36 구간에 제가 만든 곡인 화려한 입장 이 등장합...

데레스테 4주년 축하합니다! 저도 2년째 열심히 달리고 있네요.

PHP 계정에서 다음과 같은 구조로 파일이 존재하고 있습니다. 목표는 files 디렉토리(폴더) 내에 있는 파일들을 탐색하고, 파일들의 정보(이름, 확장자, 크기 등)를 표시 및 데이터베이스 테이블에 입력하는 것입니다. 핵심 코드는 아래와 같습니다. $dir = './files'; $iterator = new RecursiveIteratorIt...

선택자 최적화 (Optimize Selectors) 더욱 많은 브라우저에서 document.querySelectorAll()을 구현하고 있고 요소 선택에 대한 부담이 jQuery에서 브라우저로 바뀌고 있기 때문에 선택자 최적화는 예전보다 중요하지 않습니다. 그러나 선택자 성능에 병목 현상이 발생하면 명심해야 할 몇 가지 팁이 있습니다.   JQu...

자바스크립트: 객체지향 1 - new 키워드를 이용해 객체 생성 (ES5 이하) 자바스크립트: 객체지향 2 – 상속 구현 (ES5 이하) 자바스크립트: 객체지향 3 - class (ES6 이상) class 키워드 기존 ES5 이하 환경의 자바스크립트에서 장황하고 불편했던 클래스 생성 등의 과정이 ES6 이후에 class 문법이 생겨서 한결...

자바스크립트: 객체지향 1 - new 키워드를 이용해 객체 생성 (ES5 이하) 자바스크립트: 객체지향 2 – 상속 구현 (ES5 이하) 자바스크립트: 객체지향 3 - class (ES6 이상) 상속 상속에 대한 예제로 악기에 대한 추상 클래스(완벽하게 동일한 개념은 아니나 편의상 이하 객체지향 용어들을 사용합니다.) 를 작성해 보겠습니다...

자바스크립트: 객체지향 1 - new 키워드를 이용해 객체 생성 (ES5 이하) 자바스크립트: 객체지향 2 – 상속 구현 (ES5 이하) 자바스크립트: 객체지향 3 - class (ES6 이상)   new 키워드를 이용해 각종 정보를 담고 특정 기능을 수행하는 인스턴스를 만드는 기능입니다. 컨테이너 함수 작성 먼저 컨테이너 함수를 만들...

이하 내용들은 ES6 이상을 지원하지 않는 브라우저에서는 작동되지 않을 수도 있습니다. 종류 Array.prototype.map 배열을 순회합니다. var numbers = [1, 4, 9]; var roots = numbers.map(function(num) { return Math.sqrt(num) }); // roots is now...