전체 글 87

국악의 갈래 민속악

민속악 민속악이란 민간에서 형성되고 전수되는 모든 음악을 통틀어 말하는 것으로 궁중이나 상류층에서 연주되었던 정악과는 대칭되는 개념으로 쓰입니다. 민중 사이에서 자연스럽게 형성된 민요나 민속예능을 위한 음악은 물론, 직업 음악가에 의하여 전승된 고도의 예술음악이라도 민중이 즐겨온 음악은 모두 민속악에 포함됩니다. 송소희 늴리리야 민속악은 생활속에서 겪던 기쁘고 슬픈, 혹은 한스럽고 힘든 일들이 솔직하게 표현되어 있습니다. 어느 기존곡이든 사설에 얽매이지 않고 연주자의 흥취에 따라 즉흥적으로 창조해내는데, 이러한 생동감이 넘쳐흐르는 역동성이 특징이라고 할 수 있습니다. 이러한 역동성이 쌓이고 쌓이다보니 큰예로 진도 아리랑의 가사수를 정리해보면 수백~ 수천곡이 된다고 합니다. 분류 민속음악은 크게 성악과 기..

6/8 css3 selecter 선택자 태그

13개정도가 추가되었다. 많이 사용되는 것은 4,5개 정도. 태그뒤에 대괄호([ ]) 를 사용한다. ^ $ * 유사클래스 (특정의 문자열을 포함하면 일치하지 않아도 타겟한다.) 아래 예제를 두고 설명한다. 배분 대표사업의 핵심 브랜드화 창의적 배분구조/사업/플랫폼의 인큐베이팅 공익단체 역량의 집중 강화(교육,컨설팅) 사회이슈에 대한 전자구적 인식과 대응 창의적 참여적 시민기부모델 개발 창립 10주년 기념 사이트 "나눔으로 함께 만든 10년"사이트 오픈 서울시 강남구 역삼동 000-000번지 tel:00-000-0000 [^] 프래그래밍에서 프론트 앞이라는 뜻을 가지고 있다 단어를 포함하고 있으면 적용된다. 클래스 이름을 포함하는 요소 [$] 프로그래밍 에서 end 끝이라는 뜻을 가지고 있다. 앞자리가 아..

카테고리 없음 2020.08.27

국악기 소개 12 '편종', '특종'

화려한 장식속에 임금의 권위와 위엄의 의미를 가지고 있는 '편종'입니다. 국립국악원에서 연주하는 보허자와 낙양춘을 동영상으로 가져왔는데요 가장 뒤에 종처럼 생긴 악기가 편종입니다. 국립국악원 토요명품 공연 - 보허자 낙양춘 소개 편종은 중국의 가장 오래된 전통악기로 쇠로 만든 종을 위아래 여덟개씩 16개의 종을 틀에 달아 소뿔로 만든 '각퇴'로 종의 돋을새김한 곳을 때려서 연주하는 유율 타악기 입니다. 우리나라에는 고려 예종 (1년) 1116년 송나라에서 처음 수입되어서 이후 궁중제례악에 사용되었습니다. 중국에서 수입한 편종은 종의 크기를 달리하여 음정을 다르게 내었는데 세종시대 부터는 주종소를 두고 직접 제작하게 했는데 종의 크기는 모두 같고 두께를 다르게 제작하여 음정을 내었습니다. 12율 4청성, ..

국악기 소개11 '퉁소'

국악기 소개 11번째 '퉁소' 입니다. 많이 들어본악기이지만 소리와 이미지를 떠올리려려면 많이 생소하지요? 북청사자놀음 함경남도 북청군 일대에서 해마다 음력 정월 대보름을 전후하여 며칠동안 잔치하며 연희하는 사자놀음입니다. 1분정도에 보이는 악기가 퉁소 입니다. 크기가 굉장히 크죠?? 소개 퉁소 는 한자로는 洞簫 '동소'이지만 '퉁소'라 읽습니다. 뜻은 한쪽 끝이 막힌 대금과 달리 단소처럼 아래위가 다 뚫려 통(퉁)해 있다는 뜻을 가지고 있습니다. 연주 방법 역시 단소와 유사하여 취구에 입술을 대고 관 속으로 입김을 불어넣는 방식으로 연주합니다. 퉁소는 높고 청아한 소리를 내는 단소보다 크기가 더 크기 때문에 더 굵고 낮은 소리를 내는데 대금과 음색이 비슷합니다. 퉁소의 크기와 구조적 특징으로 인해 대금..

<CSS3> 4강 선택자 selector.

결합자 combinator 두개 이상의 셀럭터들의 관계를 타겟팅하기 쉽게 하기 위한 기호 이다. [ > ] child selector - 자식요소 결합자 > 직계 자손 [ + ] adjacent sibiling selector - 인접 형제 요소 결합자, 뒤에오는 형제 중 첫번째 [ ~ ] general sibling selector - 형제 요소 결합자, 뒤에오는 형제 모두를 포함한다 _(띄어쓰기) descenant selector - 후손식별자, ex) div p {} selector (선택자) 기호 - css selector은 특정한 HTML 태그를 선택하여 다중으로 CSS효과를 부여하는 역할을 한다. - 전체를 선택하는 * 선태자와 class="클래스명" , -id="아이디명" 선택자가 있다. e..

Programming/CSS 2020.08.19

<CSS3> 3강 CSS기본 규칙

CSS 기본 규칙 네이밍 규칙 파일 네이밍시 (html/css 동일) - 포함할 수 있는 문자는 영문(대소문자), 숫자, _, - 까지 허용된다. - 처음 시작글자는 영문 소문자로만 시작할 수 있다. - 조합 형태는 -> 의미 -> 순서 -> 상태를 기본 순서로 사용한다. - 단어의 조합으로 네이밍시 띄어쓰기 대신 _(언더스코어) 를 사용한다. 파일내 태그 네이밍시 - 모든 속성은 숫자, 대문자, 특수문자로 시작할 수 없으며, 영문 소문자로만 작성한다. - 2가지 단어를 조합하여 표현할 때 "카멜표기법 =>noticeTitle", "_(언더스코어)표기법 => notice_title" 을 사용한다. - 1,2 와 같은 한자리 정수는 사용하지 않으며 01, 02와 같이 네이밍 하여 사용할것을 권장한다. - ..

Programming/CSS 2020.06.10

<CSS3> 2강 CSS단위

절대단위 절대적인 크기가 정해져 있는 단위 px, 픽셀, pixel = 웹에서 가장 많이 사용되는 단위 1/96 inch pt, 포인트. point = 1pt = 1/72 inch in 인치 inch = 1인치는 2.54cm cm 센치미터 = . mm 밀리미터 = . pc 파이카 picas = 활자의 크기를 나타내던 옛말, 지금은 잘 사용하지 않는다. 1파이카는 12포인트 상대단위 부모 요소의 크기를 기준으로 상대값이 정해진다. 고정형 웹에서 반응형 웹으로 넘어오면서 많이 사용되고 있다. em - em 단위는 body{font-size:16px} 값을 기준으로 사용한다 - 부모 요소의 글꼴에 비례. 때문에 기준값에 따라 값이 바뀐다. - 2em은 현재 글꼴 크기의 2배를 의미한다. % - 100% 를 기..

Programming/CSS 2020.06.09

<HTML5> 8강 blockquote/q 태그, abbr/acronym 태그, del/ins 태그, sup/sub 태그, address태그

, 태그 - 블럭단위의 긴 인용문은 태그를, 인라인 단위의 짧은 인용문은 태그를 사용한다 - cite 속성에는 인용한 웹사이트의 URL 주소를 기재. - title 속성에는 접근성을 위해 글에대한 제목/상세 설명을 기재 를사용하면 티스토리에서는 이렇게 나타낸다 , 태그 abbr => 축약어 한글자씩 읽는다 acronym => 두문자어 약어를 그대로 발음한다. , 태그 - 인라인 요소 - 문서에 추가된 내용이나 삭제된 내용을 명시할 때 사용한다. ex1) 를 사용하면 텍스트 하단에 밑줄이 그어진다. ex2)을 사용하면 텍스트 중간에 밑줄이 그어진다 , 태그 - 수학 공식에 사용되는 수식이나 원소기호를 나타낼 때 사용하는 윗첨자와(sup) 아랫첨자 (sub ) ex) H2O, 22 태그 - 블럭요소 - 사용..

Programming/HTML 2020.06.09

<HTML5> 7강 img 태그 / <map> 태그

태그 - image 의 약자 - 이미지를 처리하는 태그이다. - inline 요소 (하위계층) - 시작태그로만 구성되어있다.(닫는태그가 없다.) - width height 값으로 사이즈를 조정할 수 있다. - alt 값은 그래픽 정보를 접할 수 없는 사람들을 위한 텍스트 정보로 사진에 대한 설명을 기재한다.(의미없는 사진은 x) - padding 속성을 갖을 수 없다 img태그 속성 - src="이미지 경로/파일명.확장자" (source) - alt="텍스트정보" (접근성-리더기가 읽는다) ex) css속성을 사용한 배경이미지 처리 - background:url(이미지의경로) 위치 rpeat값 (repeat/no-repeat/repeat-x/repeat-y) - top/bottom/left/right/c..

Programming/HTML 2020.06.08

<CSS3> 1강 CSS란, CSS 적용 방법

CSS란 cascading style sheets의 약자로 소스 구성이나 배치등을 보완하기 위해 개발된 독립적인 언어이다. html을 바탕으로 사용할 수 잇으며 html이 만든 뼈대위 옷을 입히는 역할로 디자인 기능을 수행한다 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하였다. CSS는 서버가 아닌 웹 브라우저에서 해석되어 화면에 적용되기 때문에 웹 서버의 부담을 줄여주면서도 다양한 기능을 수행할 수 있다. CSS2 => CSS3 로 넘어오면서 adobe flash 기능을 대체하게 되었으며 css의 기능은 더욱더 확대될 전망이다. css 사용 css 를 사용함으로써 웹 문서의 편집을 자유롭게 할 수 있고, 통일감있는 웹페이지를 만들수 있다. css 는html과 마찬가지로..

Programming/CSS 2020.06.08