본문 바로가기

전체

(116)
[HTML5] Markup – Form Controls 반응형이 너무 어렵다. 사실 하던것과 달라서 무서운 것이겠지 ㅠㅠㅠㅠㅠㅠㅠ 하아 어렵다............... 이글을 읽고 내가 조금이라도 이해할수 있는것인가. HTML5 Markup – Form Controls HTML5 Form의 위력은 아이폰을 사용하는 분들이면 쉽게 체감할 수 있습니다. 제 블로그에서는 다음과 같은 타입의 Form Control을 사용 했습니다. 제 블로그의 End-user 페이지에서 Form Control 이라고 해 봐야 검색창과 글쓰기창 뿐인데요. 적용 결과는 다음과 같습니다. 검색창의 인풋 타입이 search 입니다. 댓글 쓰기 창에서 웹 사이트 주소 입력 인풋 타입이 url 입니다. 이 밖에도 HTML5에는 새롭게 추가된 다양한 input type이 있습니다. 아래 항목..
[Jquery]tab구현-버젼2 Jqueryfunction branchSubMain(){var branchNum = jQuery(".lecture_cont").length;//목록 갯수var branchUnitW = jQuery(".lecture_cont").width();//목록 넓이var branchUnitNum = jQuery(".lecture_list_test .lecture_cont").length;//목록 갯수var branchArea = jQuery(".recom_lecture_menu");//페이징 버튼 ulvar branchContSet = jQuery(".lecture_list_test");//목록 부모박스if(branchUnitNum > 2){ //두개 이상부터 버튼 생성for(var i=1; i[1송파점] 트니트니..
[Jquery]tab구현-버젼1 Jquery$(function() {//인기/추천강좌 상단 배너롤링$(".lecture_cont").hide();$(".lecture_cont").eq(0).show();$(".recom_lecture_menu li a").each(function(i){$(this).bind("click",function(event){$(".recom_lecture_menu li").removeClass("on");$(this).parent().addClass("on");});var num = i;$(this).bind("click",function(){$(".lecture_cont").hide();$(".lecture_cont").eq(num).show();});});return false;}); Html인기/추천강좌..
[자바스크립트]4-4.내장객체(Array) 4-4.자바스크립트 내장객체(Array) *달력만들기
[자바스크립트]4-3.내장객체(Array) 4-3.자바스크립트 내장객체(Array) 배열 = 하나의 변수에 여러가지 데이터를 저장
[Jquery]faq 구현 Faq 구현 Html질문영역입니다.답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 질문영역입니다.답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 질문영역입니다.답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 질문영역입니다.답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 질문영역입니다.답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 질문영역입니다.답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 답변영역입니다. 질문영역입니다.답변영역입니다..
[HTML]웹표준 - [table 표의 구성] table 의 summary, caption, scope, id, headers 구조 과일 순위 가격 갯수 비교 사과 미정 500000개 제철이아님 참외 4위 5000 만원 제철 -속성 scope 구조 scope="col" scope="col" scope="col" scope="col" scope="col" scope="row" scope="row" -속성 scope 코드 table 웹표준 코딩에 관한 샘플 과일 순위 가격 갯수 비교 사과 미정 500000 개 제철이 아님 참외 4 위 5000 만원 제철이 아님 -속성 headers 구조 id="S" id="A" id="B" id="C" id="D" id="E" headers="E" headers="S A B E" headers="C E F" header..
[웹지식] 공부하기 좋은곳 css playgorund 라는 타이틀로 css가 어떤것인지 느낄 수 있는 사이트를 소개해 드리려고 합니다. 바로 http://css3.mikeplate.com/사이트 입니다. css 를 배우는 가장 쉬운방법은 직접 만들어보고 화면을 통해서 배우는 방법인데요 이사이트에 접속해보시면 실시간으로 원하는 디자인으로 변경해보며 css 코드의 변화를 볼 수 있습니다. css playground 사이트 간단 사용법과 사이트 구성을 설명해드리겠습니다. css 플레이그라운드의 메인 화면입니다. 가입이 따로 필요없습니다. 그냥 css 가지고 노시면 됩니다. 아래 이미지는 화면의 구성입니다. 1. css 컨트롤러 부분이라고 볼 수 있습니다. 여기서 조정하여 오른쪽 그림이 변경됩니다. 2. css 컨트롤러에서 변경한 부분을..
[자바스크립트]4-2.내장객체(Math) 4-2.자바스크립트 내장객체(Math)
[자바스크립트]4-1.내장객체(Date) 4-1.자바스크립트 내장객체(Date)
‘무한도전’ 빈자리, ‘신화방송’이 채운다 무한도전이 없어 내인생에 웃음이 사라졌지만 신화방송으로 인해 다시 생기를 찾았다벌써 11회 회를 거듭할수록 시청률이 올라가고 인기가 상승하고있다!국민가수 신화 이제 국민예능이다 ㅠ_ㅠ http://osen.mt.co.kr/article/G1109408093
[자바스크립트]숙제1 자바스크립트 숙제2 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 for(var row=1; row
[HTML5] 레이아웃 새로운 코드들이 많이 생겼는데 한번에 다 잘하는 그런 사람있나? 일단...레이아웃부터 잡아보자. HTML5에서는 frameset을 지원하지 않는다. 새로운태그 내가 이해하는 태그사용(극히 주관적) 로고나 상단부분을 만들때 하단 카피라이터 메뉴를 만들때 사용 컨텐츠 부분 컨텐츠 안에 자식 박스 컨텐츠 메뉴 제목부분을 컨텐츠와 나누어야 할때 제목부분이 여러개 일때 감싸는 부분 샘플로 공부.
[개념정리] 자바스크립트 용어 정리 [자바스크립트 용어 정리] 1. 자바스크립트 코드의 문서내 삽입 1.1.1 code here~~ 1.1.2 1.1.3 이벤트 핸들러의 내용 2. 어휘구조 2.1 unicode 문자집합(문자하나당 16bit) - ASCII,Latin-1 (유니코드 문자 집합의 하위 집합) 2.2 대소문자 - 구분한다. 각종 키워드,변수,함수이름,그밖의 모든 식별자는 다 대소문자를 구분한다. 2.3 공백과 줄나눔 - 프로그램내 토큰 사이에 존재하는 모든 스페이스, 탭,줄바꿈등을 무시한다. 2.4 선택적인 세미콜론(;) - 일반적으로 대부분 프로그램언어에서 하나의 정의 문..
[자바스크립트]3-3.제어문(For문) 3-3.자바스크립트 제어문(For문)
[자바스크립트]3-2.제어문(switch) 3-2.자바스크립트 제어문(switch문)
[자바스크립트]3-1.제어문(IF문) 3-1.자바스크립트 제어문(IF문)
[HTML5] 태그공부 새로운 HTML5가 나왔다. 기존에 있던 것과는 다른 새로운개념의 태그가 나왔다고 하는데!? 꼬리표 기술 댓글을 정의 문서 유형을 정의 하이퍼 링크를 정의 약어를 정의 HTML5에서 지원되지 않습니다. 약어를 정의 여기서 문서의 작성자 / 소유자에 대한 연락처 정보를 정의 HTML5에서 지원되지 않습니다. HTML 4.01에서 사용 중지하면. 포함 된 애플릿을 정의 이미지 맵 안에있는 영역을 정의 새 기사를 정의 새 페이지 콘텐츠를 제외한 내용을 정의 새 사운드 컨텐츠를 정의 다운로드 굵은 텍스트를 정의합니다 문서에있는 모든 상대 URL의 기본 URL / 대상을 지정합니다 HTML5에서 지원되지 않습니다. HTML 4.01에서 사용 중지가. 문서의 모든 텍스트에 대한 기본 색상, 크기 및 글꼴을 지정 새..
[자바스크립트]2-2.비교연산자 2-2.자바스크립트의 비교연산자 *세번째(주석을 풀어주세요)
[자바스크립트]2-2.비교연산자 2-2.자바스크립트의 비교연산자 *두번째(주석을 풀어주세요)