드럼치는 프로그래머

jQuery의 Selector메소드, CSS메소드, Attribute메소드를 살펴봤다. jQuery 특징이 보이는가? 그럼 몇가지 특징을 찾아보자. (소개하는 예제들은 예제페이지로 이동한후 개발자도구 콘솔을 열어서 입력하면서 테스트 해보면 된다) 어떤 엘리먼트를 타겟으로 하는가?// 모든 div안에 text를 집어넣는다 $('div').html("text") // 모든 div가 아니라 $('div') 에서 가장 처음에 발견된 엘리먼트의 width를 구한다 $('div').width(); jQuery객체를 리턴하는가? 많은 메소드들이 jQuery 자기 자신을 리턴한다. 이렇게 되면 메소드체이닝이 가능하게 된다// bgcolor 를 변경하고 uix.kr 텍스트를 집어 넣어라! $('#box').css("ba..

이번 시간에는 엘리먼트의 Attribute 관련된 메소드들을 살펴보자 소개하는 메소드들은 예제페이지로 이동한후 개발자도구 콘솔을 열어서 입력하면서 테스트 해보면 된다. 자 하나씩 따라해보자 .addClass() 엘리먼트에 css클래스명을 추가할때 사용한다.$('#box').addClass('red'); //모든 div엘리먼트에 border 클래스 추가 $('div').addClass('border'); .removeClass() 엘리먼트에 css클래스명을 제거 한다$('#box').removeClass('red'); $('div').removeClass('border'); .hasClass() 클래스명의 존재여부를 true,false 로 리턴한다if($('#box').hasClass('red')){ $(..

CSS 와 관련된 속성을 얻고 설정하는 메소드를 살펴보자. 소개하는 메소드들은 예제페이지로 이동한후 개발자도구 콘솔을 열어서 입력하면서 테스트 해보자. .css() 엘리먼트의 첫번째 인자의 style값을 가져오거나 style을 적용한다$('#box').css("background-color"); $('div').css("background-color", '#eee'); $('ul').css({'list-style':'none','border':'1px solid red'}); .height() 엘리먼트의 높이값을 구하거나 인자값으로 세팅한다$('#box').height() //200 $('#box').height(500) //500으로 늘림 .innerHeight() 엘리먼트의 패딩을 포함하는 높이값을 ..

웹개발에서 대부분의 자바스크립트의 작업이 DOM을 조작하는 일로 이루어진다. 문서의 특정 태그엘리먼트에 접근하여 이벤트를 주거나 class명을 변경, 내용을 채워넣는(innerHTML)일등을 하기위해선 그 특정 태그엘리먼트를 쉽게 찾을수 있어야 하는데 이때 사용 되어지는게 Selector 이다. jQuery에서 사용되는 Sizzle CSS Selector Engine은 현재 가장 빠른 속도를 자랑하기도 한다. 자주 사용하는 기본 셀렉터 태그 셀렉터$('div'); //모든 div 태그엘리먼트를 가지고 온다 id 셀렉터$('#daum'); // id="daum" 엘리먼트를 가지고 온다 class 셀렉터$('.bar'); // class="bar" 엘리먼트를 가지고 온다 Multiple 셀렉터$('div',..

'또 오해영'의 마지막 대본이 마침내 완성됐다. 22일 방송계에 따르면 이날 새벽 tVN 월화드라마 '또 오해영'의 최종회인 18회의 원고가 최종적으로 탈고됐다. 해당 대본은 아직 현장까지 전달되지는 않은 상황이며, 어제(21일)부터 현장은 17회차 대본 촬영에 한창이다. '또 오해영'의 한 제작진은 22일 오전 OSEN에 "당초 박해영 작가가 계획했던 축을 벗어나지 않은 것으로 안다. 촬영 현장에서 엔딩이 새어나가지 않게, 다음주 방송 직전까지 철통보안을 유지하면서 촬영할 계획"이라고 밝혔다. 당초 '또 오해영' 측은 17~18회 원고를 지난주말까지 마무리 지을 계획이었으나, 엔딩의 완성도를 위해 조금 더 공을 들였다는 설명이다. 현재 '또 오해영'의 엔딩에 대한 관심은 최대치다. 아직 종영까지는 2회..

SBS 새 월화드라마 '닥터스'의 기세가 심상치 않다. 첫 회부터 시청률 10%(전국기준,닐슨코리아 제공)를 돌파하더니, 2회에서는 14.2%를 기록하며 자체 최고 시청률을 기록했다. 연일 기록의 행진이다. '닥터스'는 과거의 상처를 딛고 의사가 된 두 남녀가 여러 인간 군상을 만나며 성장하고, 평생 단 한번뿐인 사랑을 시작하는 휴먼 메디컬 드라마다. '닥터스'는 방영 전부터 단순히 의학만을 다루는 드라마가 아님을 명시했다. 메디컬 드라마의 틀 안에서 인생 이야기도 함께 담겠다는 것이다. 실제로 극 중에서는 반항에 가득찬 학창시절을 보낸 박신혜(유혜정 역)가 운명의 스승 김래원(홍지홍)과의 만남으로 새로운 인생을 살게 되는 이야기를 담았다. 지난 21일 방송된 2회에서는 불신에 가득찼던 박신혜에게 더해진..

방송인 공서영이 클레오 멤버들과 찍은 다정샷을 공개했다. 22일 공서영은 자신의 인스타그램에 “정말 착한 예능 슈가맨. 그리고 이 순간 보고 싶은 한 사람. 이 와중에 현역인 나만 살찜”이란 글과 함께 사진을 게재했다. 공개된 사진에는 걸그룹 ‘클레오’ 멤버인 채은정, 김하나, 공서영의 모습이 담겼다. 이들은 세월이 흘렀음에도 불구하고 변함없는 미모를 자랑해 보는 이들의 시선을 사로잡았다. 클레오는 2집 활동 당시 박예은이 한현정으로 바뀌고, 5집 때 한현정이 빠지면서 공서영이 들어온 걸그룹이다. 히트곡으로는 ‘굿타임’, ‘연인’, ‘IN & OUT' 등이 있다. (사진:공서영 인스타그램) [출처] http://news.mtn.co.kr/newscenter/news_viewer.mtn?gidx=20160..

정진석 새누리당 원내대표가 22일 영남권 신공항에 대한 정부의 김해공항 확장 결정에 "최근 국토교통부가 한 일 중에 가장 잘한 일 같다"고 말했다. 정진석 원내대표는 이날 오전 국회에서 열린 신공항 관련 5개 시·도 중진의원 간담회에 참석해 이같이 밝혔다. 이날 간담회에는 국토부 관계자를 비롯해, TK 지역 유승민 의원과 최경환 의원 등도 함께 참석했다. 정 원내대표는 "앞으로 해당 지역 주민들을 설득하는 일, 또 여러 가지 후속 조치들을 해야한다"며 "신공항과 관련한 5개 지역 중진 의원들을 모셨다"고 했다. 그는 "오늘 회의에 참석하시려다가 다른 일정 때문에 참석 못한 김무성 전 대표와 통화를 했다"며 "정부 발표를 대승적으로 수용한다는 의견을 꼭 전해달라고 했다"고 전했다. 이어 "오늘 참석하지 못..

'슈가맨'에 클레오가 출연해 화제다. 지난 21일 방송된 JTBC '투유 프로젝트-슈가맨'은 과거 인기를 끌었던 여성그룹 클레오가 출연해 뜨거운 호응을 받았다. 이날 방송에서 클레오는 히트곡 'Good Time' 무대를 선보이며 오랜만에 모습을 드러냈다. 이후 토크에서 채은정은 클레오를 탈퇴한 이유에 대해 "힙합에 열정이 있었다"고 전하며 하고 싶었던 음악이 있었음을 고백했다. (사진 = JTBC '투유 프로젝트-슈가맨' 캡처) [출처] http://sbscnbc.sbs.co.kr/read.jsp?pmArticleId=10000807502

배우 장소연이 영화 '곡성' 촬영장 귀신에 대해 밝혔다. 22일 방송된 MBC FM4U '굿모닝FM 노홍철입니다'에는 영화 '곡성'(나홍진 감독)의 장소연이 출연했다. '곡성'에서 종구(곽도원)의 부인으로 등장한 장소연은 "촬영장에 귀신이 있었다. 사실 귀신 본 걸 함구하라고 했다."고 운을 뗐다. 이어 장소연은 "실내 세트 촬영이었다. 실내면 조명이 흔들릴 수 없다. 조명이 바람에 흔들려 NG가 났다. 스틸 작가님이 조명을 찍었는데 사람의 형상이 조명에 매달린 모습이 포착됐더라"라고 해 섬뜩함을 자아냈다. [출처] http://www.tvreport.co.kr/?c=news&m=newsview&idx=904717