본문 바로가기

먹고살거

(108)
[자바스크립트]1-4.출력 1-4.자바스크립트의 출력 *console-자바스크립트를 짜다 보면 디버그나 기타 확인 목적으로 변수값 등을 확인해야 할 때 사용합니다.(동-alert();) 참조 : http://tranbot.net/util/safeConsole/
[자바스크립트]1-3.출력 1-3.자바스크립트의 출력 *함수형호출-임시기억장치에 저장하고 부를때만 나타나게 하는것 오시는길 안내 오시는길 안내
[자바스크립트]1-2.개념 1-2.자바스크립트의 출력 *method-document.write
[자바스크립트]1-1.개념 1-1.자바스크립트의 개념 *자바스크립트의 특징 -인터프린터참고 : http://terms.naver.com/entry.nhn?docId=364637 *구문-내장형 ////구문//]]> -행입력형클릭ex) 클릭 -링크형
[개념정리] 자바스크립트기본문법정리 //레이블 문 사용법 outerloop: for(var i = 0; i 3) break; //가장 안쪽 루프를 중단한다. if(i == 2) break innerloop; //위와 마찬가지 if(i == 4) break outerloop; //바같쪽 루프를 중단한다. document.write("i =" + i +" j =" + j + " "); } } document.write("FINAL i =" + i +" j =" + j + " "); ---------------------------------------------------------------------------------------..
windows 7 localhost 세팅 퍼옴 http://snoopybox.co.kr/1537
[웹지식]웹에대한 개념탑재 하코사였던가 ? 뒤죽박죽 공부하던 나에게 개념을 잡게해준 문제들.. 1. 웹표준의 정의? 2. 의미를 살린 마크업 (Semantic Markup)이란? 3. 이제 단순 HTML이 아닌 왜 XHTML의 사용이 보편화 되고 있습니다. XHTML을 사용하는 이유를 말해보세요. 4. XHTML의 기본문법을 작성하세요. 5. DOCTYPE의 중요성과 역할, XHTML의 DOCTYPE은 어떤 종류가 있는지 알려주세요. 6. 내가 작성한 XHTML의 문법이 제대로 되었는지 체크하고 싶다면 어떤 사이트에서 테스트할 수 있나요? 7. 웹표준 코딩시 기본 브라우저로 사용하는 것은 무엇인가요? 8. 태그에 폰트종류, 크기,색상을 적용하는 css를 작성해 보세요. 9. 태그에 배경 색상과 배경이미지를 적용하는 css를 작성해..
웹퍼블리셔의 정체성 웹 표준을 지키고 웹 접근성을 향상 시키는 사람. UI 개발자, HTML 코더, Front-end Engineer. 편집디자인 1년 웹디자인 1년 웹코더 3년의 경력을 가진 웹퍼블리셔이다. 이제 사회생활 6년째에 접어들은 나. 아직도 갈길이 멀다.
[개념정리] 자바스크립트 개념 정말 신기한 홈페이지를 찾았다. 이렇게 정리가 잘되있을수가!! 글을 읽으면서 우아~ 아~ 이해가 막막되었다. 맘대로 퍼갔다고 혼나진 않겠지 ㅠㅠ 자바스크립트(JavaScript) JavaScript는 웹과 관련된 최신 기술로서 넷스케이프사와, 썬 마이크로시스템즈(Sun Microsystems)가 공동으로 개발한 언어입니다. JavaScript는 넷스케이프사에 의해서 LiveScript(라이브 스크립트라는 이름으로 넷스케이프 브우저에서 실행되는 스크립트 언어였음) 라는 이름으로 처음 개발 되었습니다. 이 스크립트 언어는 기본적인 html의 기능을 확장하기 위해서 프로그램 코드가 html 문서 사이에 직접 들어가도록 고안 되었으며 CGI를 대처하기 위한 목적도 갖고 있었는데 넷스케이프사가 썬 마이크로시스템즈..
[자바스크립트]flash와 javascript 연동하기 참 신기한 요청이다. 이런걸 해달라고 하는곳도 없었는데 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 클릭할때 효과음 넣기 어떻게 해야될까요? Javascript function lnb_sound() { thisMovie("ExternalInterfaceExample").fl_sound(); } *fl_sound는 sound_1.swf안의 함수!! Html 도움이 된 url http://blog.naver.com/jeongeui100?Redirect=Log&logNo=90024336948
[웹지식]CSS의 역사 CSS 또는 캐스케이딩 스타일 시트(Cascading Style Sheet)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다. CSS 버전의 변화 CSS는 지속적으로 새로운 버전이 나오고 있다. 1996년에 도입된 CSS 1은 CSS의 바탕이 되었다. CSS의 표준으로는 CSS 2.1이 있으며 이전 버전에 비하여 새로운 기능과 도구가 추가되었다. 대다수의 웹브라우저는 CSS 2.1를 잘 지원한다.(인터넷 익스플로러의 경우, 버전 7이 되면서 CSS2.1을 지원한다.) 현재 W3C에서는 CSS3을 표준으로 만들고 있다. CSS는 여러 수준과 프로파일을 가지고 있다. ..
[HTML]정렬에 관한 팁(페이징) 진짜 난감한 정렬 -왼쪽에 페이지갯수 -오른쪽에 버튼 -가운데에 페이징 이 모두 늘어날 가능성이 있는...컨텐츠들이다. Html 전체 96개, 현재 1 / 전체 20페이지 1 2 3 4 5 Css .btn_area {position:relative; width:100%; min-height:28px; margin-bottom:30px; text-align:center; *zoom:1; } .btn_area .btn_left {position:absolute; left:0; top:0; z-index:2;} .btn_area .btn_left p.txt {margin-top:-3px; color:#999; font-size:11px; letter-spacing:-1px;} .btn_area .btn_lef..
[HTML]IE8 용 기존사이트 호환성 유지를 위한 Meta 코드 이 태그는 DTD 가 선언 되었을 경우에만 유효한 코드입니다. DTD 가 없을경우 Quirks Mode(쿼크) 로 렌더링 됩니다. Quirks Mode(비표준 브라우져를 기준으로 렌더링을 하는 것) :: IE8 Standards 모드 :: 가장 최신 버젼 IE의 Standards 모드 :: 펌글 http://blog.xepi.kr/63
[Jquery]레이어팝업 슬라이드 효과 Jquery //whole 메뉴 열고닫기 function whole_menu_box(i){ var calDiv = jQuery("#whole_menu_box"); if(i == 1){ calDiv.show().animate({top:50},1000) }else{ calDiv.animate({top:-400},1000,function(){ calDiv.hide(); }) } } Html Css .whole_menu_box {} .whole_menu_box .box_white_cont {width:920px; height:312px; padding:30px 30px 40px 40px; background:#fff}
[웹지식]제이쿼리의 엄청난 표현력 이게 무엇인가. 정말 무서운 홈페이지다! 제이쿼리가 이리 다양하게 사용되다니.. ㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜ 공부하기 무서워진다 이렇게 커질줄야!!! http://www.jqwidgets.com/jquery-widgets-demo/#demos/jqxrating/defaultfunctionality.htm
[CSS]position:relative와 z-index의 관계 나의 4년의 퍼블리셔 생활에 혼란을 가져온 이둘의 사이 왜 난 이둘을 같이 썻을까? 이제까지의 무수한 작업들을 확인해보니 position:relative와 z-index:1;을 엄청나게 많이 썻다. 소스를 지저분하게 만든건아니지만 불필요했는데 왜 그리 난 집착했던 것일까? 그건 레이어의 압박 때문일까? 무척 혼란스럽다. 그래 기본값도 알았고 버그도 알고있었지만 굳이 생기지않는 버그에 z-index를 쓸필요가 업었다. 으 왠지 부끄럽다. 2년전에 알수있었는데 왜 이제서야 알게된걸까? 뭐가 그리 바빠서 남에 작업 한번 보지 못하고.. 태그에 대해 그리 공부를 열심히 했건만.. 속성에 대해 그리 공부를 열심히 했건만.. 제자리 걸음 같이 한심함이 느껴지는 순간이다. 누가 html css 따위라 했던가 난 마크..
[웹지식]특수문자 HTML Symbol Entitieshtml 컨텐츠 상에 특수기호가 보일때 대체 코드가 들어있다. http://w3schools.com/tags/ref_entities.asp http://w3schools.com/tags/ref_symbols.asp
함수 is() if문에 조건을 달때 css로 display:none과 block조건을 주고싶었는데 도저히 도저히!!!!! 답이 안나오는것이다 고로케 고로케 고민하다 알게된 is()라는 함수 일단, 나의 고민이였던 것은 if ($(선택자).is(:visible)) = display: block; if ($(선택자).is(:hidden)) = display: none; 라는 정리가 나왔다 이것에서 만족하면 내가 아니징!! 이 is()라는게 여러가지로 조건을 걸고 쉽게 찾을수가 있었다. if ($("ul li").is(":first-child")) - 첫번째 li만 if ($(".box").is(":contains('Peter')")) - .box라는 클래스 안에 'Peter'라는 text만 if ($("dl.test")...
팀교육 : 코딩정의서 ♣ CSS 속성 작성시 css속성은 한줄로 작성하되, 너무길어 가독성이 떨어질경우 여러줄로 작성할것. 아래와 같은 순서로 css속성를 작성할것. display, position(top,left), float, overflow (min-width, width), (min-height, height) (padding, margin) font(text-indent, text-align, font-weight, font-size, line-height, font-family, color) border, background z-index, zoom 예) .select {float:left; width:200px; padding-top:20px; border:1px solid red;} ♣ html, css 주석 ..
gnb 보호되어 있는 글입니다.