HTML5 강좌 7강 - HTML5 태그 - canvas 사각형 지난 강좌에 이어 canvas 에서 사각형을 연습해 보겠습니다. *strokeRect( x, y, width, height )지난 강좌에서 테스트했던 메소드 입니다.테두리만 있는 사각형을 그리는 메소드죠.x,y 는 시작하는 위치의 좌표값 입니다.width, height 는 사각형의 크기를 설정해 줍니다. *fillRect( x, y, width, height )색으로 채워진 사각형을 그립니다.역시 x,y 는 시작하는 위치의 좌표값 입니다.width, height 는 사각형의 크기를 설정해 줍니다. *clearRect( x, y, width, height )이 메소드는 특정 영역을 지우는 기능을 가지고 있습니다.지정한 위치에서 지정한 크기만큼..

HTML5 강좌 6강 - HTML5 태그 - canvas #1 지난 강좌에 이어 canvas 태그를 연습해 보겠습니다. *canvas 태그canvas는 웹 페이지에서 자바스크립트를 통해 그림을 그리는데 사용합니다.하지만 단순한 그림 표현을 넘어 다양한 효과를 주고 텍스트를 표현하고 간단한 애니메이션까지 표현이 가능합니다.canvas로 그림을 그리기 위해서는를 사용해서 그림 영역을 지정하고, 자바스크립트를 사용해 실제 그림을 그립니다. 이 브라우저는 HTML5의 canvas를 지원하지 않습니다. 기본값 : 너비 300px, 높이 150px미지원 브라우저의 경우 텍스트 또는 이미지로 대체할 수 있습니다.예제를 통해 테스트를 해보죠~ 먼저 canvas 영역을 설정해 줍니다. 붉은색 부분이 canvas 영역입니..

K팝스타5 배틀 오디션 두번째! 지난주에 시작한 배틀 오디션.. B조 1위는 예상했던대로 이수정양이 차지했다. 동영상 보러가기 B조 2위는 박민지 동영상 보러가기 그리고 계속해서 이어진 C조의 배틀오디션! 1위는 이시은 '야생화 - 박효신' 동영상 보러가기 2위는 서경덕 '가까이하기에 너무 먼 당신 - 이광조' 동영상 보러가기 3위는 박가경 '리듬속의 그춤을 - 김완선' 동영상 보러가기 그리고 이어서 D조의 대결.. D조에는 막강한 우승후보인 유제이양이 속해있다. 하지만 유제이양 뿐만 아니라.. 여성보컬을 대표하는 주미연과 류진도 속해있다. D조의 대결은 시작부터 이슈였고, 기대가 되는 무대였다. (사진출처 : SBS 방송캡처) D조에선 탈락자가 나오지 않았다. 세명 모두 정말 잘했다고 판단이 섰기 때문..

제주맛집 - 어사촌도야지 오늘은 제주도에서의 마지막 밤이다. 내일이면 다시 서울로 돌아간다. 4박5일 이란 시간은 어떻게 보면 굉장히 긴 시간이다. 하지만 여행을 하는동안 4박5일은 정말로 짧은 시간이다. 어느새 마지막 밤이라니 너무너무 아쉬울 뿐이다. 마지막밤 저녁은 미리 검색해서 찾아놓았던 맛집으로 향했다. 바로 흑돼지 전문점 '어사촌도야지' 나는 '고기는 언제나 진리'라는 사상을 가지고 있다. 그런데 흑돼지는 자주 먹어보지 못하는 놈이기도 하고.. 맛집으로 꽤 유명한 집이라 기대 수치가 꽤 높았다. 차를 타고 가는길에 다른 음식점들도 몇 보였는데.. 다른 음식점들은 무척 썰렁했다. 하지만 '어사촌도야지'는 사람이 꽤 많이 있다. 그래도 웨이팅타임은 없었다. 메뉴를 보고 주문을 했다. 일단 흑돼지를 ..

제주여행 - 사려니숲길 제주여행을 하다보면 대부분이 유료관람이고 가격도 만만치 않다는걸 느낀다.하지만 완전 무료인 곳도 있다.바로 사려니숲길! '사려니' 라는 단어는 '신성한곳' 이란 뜻이라고 한다.즉 '사려니숲길'은 '선성한숲길' 이란 의미이다. 사려니숲길은 산림욕을 하기 정말 좋은 코스이다.그리고 주차장 및 입장료가 무료이다.운영시간은 09:00~17:00 이다. 코스는 꽤 여러코스가 있다.거리도 짧지 않다.적당한 코스를 골라 산책을 하며 산림욕을 즐기면 좋을듯 하다. 우리는 일단 사람들이 많이 오고가는는 코스를 선택했다.가장 안전하다고 느꼈기 때문이다.사실 그날 날씨가 엄청 으스스 했다.사람도 그렇게 많지 않았다.날씨도 으스스한데 숲길은 정말 으스스 했다. 그런데 그와중에 까마귀들도 까악~까악~ 운..

제주여행 - 러브랜드 오설록 티뮤지엄을 방문한 후 러브랜드로 향한 우리..눈비가 주적주적 내리다가 갑자기 많이 내리고..날씨가 참 오락가락 요상하다.러브랜드는 실내에도 작품이 있지만 실외에 더 많은 코스가 있기에..사실은 날씨때문에 그닥 땡기진 않았다. 러브랜드는 19금 이다.사진을 찍어도 올리기 민망하여 올릴수가 없다.수위가 낮은 사진 몇장 정도?적당히 관람을 하고 사진을 조금 찍고 나왔다. -러브랜드 요금안내-주차장 : 무료성인 : 9,000 가격이 싸진 않다.후기를 보고 신중히 선택하여 관람을 하길 추천한다. 먼저 산책로 형태로 이루어진 길을 걸으며 작품들을 감상했다.작품? 이라기 보다..음.. 뭐라고 말을 해야하나..일단 대부분의 작품들이 남녀가 사랑하는 모습을 나타내거나남녀의 성기의 형상을 나타..

제주여행 - 오설록 뮤지엄 퍼시픽랜드 관람을 마치고 난 후..비가 정말 억수로 퍼부었다.때문에 나머지 일정을 포기하고..먹을거리를 잔뜩 장을 보고 숙소로 고고~~이제 하루밖에 남지 않은 일정이라 다들 아쉬웠는지..오후부터 시작해서 미친듯이 안주와 맥주를 마셔댔다.정말로 엄청난 바람이 불었다.'주상절리는 지금 봐야하는데...' 라고 생각하며..다시금 맥주를 들이켰다.그리고.. 내일은 좋은 날씨를 기대하며 잠자리에 슝 =3=3 아침에 눈을 떴는데.. 우리가 바라던 날씨와는 달리 일기예보대로 좋은 날씨가 아니었다.그래도 비가 억수로 내리진 않았기에 다행..어제 안주하고 남은 핫바를 렌지에 데워서 해장을 하였다.그리고 첫번째 일정을 향해 고고~ 오설록 뮤지엄 요금은 주차비, 입장료 전부 무료이다. 엽업시간은 오..

꽃보다청춘-아이슬란드 4회 오로라 배경음악 '꽃보다청춘-아이슬란드' 4회를 보면서 나의 취향을 저격한 BGM !사실 꽃청춘에서 BGM을 찾아보려고 했던 이유는.. 4회에서 나왔던 음악 때문이다.바로 오로라가 나오는 장면에 나온 음악인데..정말로 환상적인 오로라의 모습과 더불어 흘러나오는 음악이 완전히 내 필을 설렘으로 충만하게 만들었다.그 환상적이고 경이로운 장면과 더불어 멋진 음악을 들으면서tvN 꽃청춘 제작팀에게 감사하다는 말을 전하고 싶어질 정도였다.(혹시 이글을 보시게 된다면.. 감사합니다 :) 오로라는 정석님이 인터뷰를 하고, 나머지 스톤즈는 수다를 떨고 있는 중 나타났다. 수다를 떠는 도중 정우님이 밖에서 오로라를 확인하고, 포스톤즈를 비롯 호텔에 묶는 게스트들 총 출동!그 이후 정말 넋을 놓..

HTML5 강좌 5강 - HTML5 태그 - prograss,download 지난 강좌에 이어 태그를 연습해 보겠습니다. *prograss 태그prograss 태그는 meter 태그와 사용법이 흡사합니다. 속성값 설정에 따라 다운로드 상태가 바뀌죠. 하지만 HTML5 단독적으로 다운로드 상태의 변화를 표현할 수는 없습니다.자바스크립트나, 제이쿼리 같은 스크립트 프로그래밍이 필요합니다. *a 태그를 이용한 download기존에는 a 태그를 이용하여 단지 페이지를 이동하였습니다.하지만 HTML5 에서는 다운로드까지 가능합니다.먼저 기존에 사용하던 a 태그 방식을 테스트 해보겠습니다. 위와 같이 코딩을 하고 실행을 해보죠~ 그럼 위와같이 이미지가 나오고 클릭을 하면 이미지의 경로로 이동합니다. 이에 추가적으로..

HTML5 강좌 4강 - HTML5 태그 - mark,time,meter 지난 강좌에서는 우리가 앞으로 계속 사용할 레이아웃을 잡아봤습니다.이번강좌 부터는 태그를 중심으로 연습을 하겠습니다. 하지만 그전에 페이지에 대해서 잠시 설명을 하겠습니다.이전 강좌에서 첨부파일을 받았다면 01.html 이라는 파일이 있을겁니다.그 파일을 메인페이지로 사용하려고 합니다.그래서 일단 01.html 을 main.html 이라고 파일명을 수정하였습니다.그리고 nav 부분에 메뉴도 수정하였습니다. 보라색 부분은 강좌를 진행하면서 추가될 메뉴 입니다.메뉴가 추가되면 당연히 페이지도 추가되겠죠~그리고 추가되는 페이지마다 링크를 걸어 주겠습니다.그리고 붉은색 부분은 강좌마다 연습할 테스트를 입력할 부분입니다.추가되는 페이지마다 ..